Je voudrais être en mesure de se déplacer sur le grisé de fond, par glisser-déposer) le formulaire modal qui est fourni par Bootstrap 2. Quelqu'un peut-il me dire quelle est la meilleure pratique pour la réalisation de ce est?
Réponses
Trop de publicités?
Le bootstrap n'est pas doté d'une glisser-déposer fonctionnalité par défaut, mais vous pouvez ajouter un peu de jQuery UI d'épices dans le mélange pour obtenir l'effet que vous recherchez. Par exemple, à l'aide de l' draggable interaction du cadre vous permet de cibler votre modal ID pour lui permettre d'être traîné dans la modale toile de fond.
Essayez ceci:
JS
$("#myModal").draggable({
handle: ".modal-header"
});
Mise à jour: bootstrap3 démo
user535673
Points
400
Quelle que soit déplaçable option que vous choisissez, vous souhaitez peut-être désactiver l' *-transition propriétés pour .modal.fade dans le bootstrap CSS du fichier, ou au moins d'écrire un peu de JS qui désactive temporairement pendant le glissement. Sinon, le modal ne pas glisser exactement comme vous le souhaitez.
Bryan Larsen
Points
2630
jquery UI est grand et peut entrer en conflit avec bootstrap.
Une alternative est DragDrop.js: http://kbjr.github.io/DragDrop/index.html
DragDrop.bind($('#myModal')[0], {
anchor: $('#myModal .modal-header')
});
Vous avez encore à traiter avec des transitions, comme @user535673 suggère. Je viens de supprimer le fondu de la classe de mon dialogue.
