Jquery en direct et Draggable
Question
Je suis la liaison d'un événement click à une image en utilisant Jquery en direct obligatoire. La première fois que je clique sur l'image des lancements popup SimpleModal et œuvres draggable fines. Après cela, le pop-up SimpleModal lance encore et l'élément draggable ne traînera pas. Toutes les idées?
Code de l'événement en direct Cliquez sur:
$("table tr td img:not(.Help)").live("click", function(){
$("#draggable").draggable({
containment: 'parent',
drag: function(e, ui){
alert("dragging");
}
});
$("#modal").modal({
onShow: function(){
$("html").css("overflow", "hidden");
},
onClose: function(){
$("html").css("overflow", "auto");
$("table tr td img").live("click", function(){});
$.modal.close();
}
});
});
La solution
Dans le cas où quelqu'un regarde pour cela à l'avenir la solution était de mettre le code « draggable » dans le rappel onShow.
$("table tr td img:not(.Help)").live("click", function(){
$("#modal").modal({
onShow: function(){
$("#draggable").draggable({
containment: 'parent',
drag: function(e, ui){
alert("dragging");
}
});
$("html").css("overflow", "hidden");
},
onClose: function(){
$("html").css("overflow", "auto");
$("table tr td img").live("click", function(){});
$.modal.close();
}
});
});
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow