Une brève analyse de l'utilisation des boîtes modales bootstrap (classique)

Un aperçu simple de la boîte modale bootstrap

Les modales bootstrap sont créés à l'aide d'un plugin jQuery personnalisé. Il peut être utilisé pour créer des fenêtres modales pour enrichir l'expérience utilisateur ou pour ajouter des fonctionnalités pratiques à l'utilisateur. Vous pouvez utiliser Popover et Info-Infr dans les modaux.

1. Boîte de dialogue modale bootstrap et utilisation simple

 div id = "MyModal"> <div> <Button Type = "Button" Data-Dismiss = "Modal"> x </ Button> <H3> Titre de la boîte de numérotation </h3> </div> <div> <p> CALL BOTH </p> </div> <v> <a href = "#" Data-Dismiss = "Modal"> Annuler </a> <a href = "# #" " Data-Dismiss = "Modal"> Confirmer </a> </div> </div>

La boîte de dialogue modale peut être appelée directement à l'aide d'un bouton ou d'un lien, et c'est l'utilisation simple:

 <a href = "# modal1" role = "bouton" data-toggle = "modal"> ajout contractuel </a>

De plus, lorsque vous devez faire en sorte que la boîte de dialogue efface les données de formulaire à chaque fois qu'elle est ouverte, comme suit:

 $ ('# modal1'). modal ('hide'); $ ("# modal1"). On ("Hidden", function () {$ ('# form1') [0] .reset ();}); // Après avoir ajouté le contrat, effacez l'opération de formulaire

Le contenu ci-dessus est l'utilisation de la boîte modale bootstrap qui vous est présentée par l'éditeur. J'espère que cela vous sera utile. Si vous voulez connaître un contenu plus excitant, veuillez prêter attention au site Web de Wulin.com!