Jquery Live e Draggable
Domanda
sto legando un evento click per un'immagine utilizzando Jquery diretta vincolante. La prima volta che clicca sull'immagine lanci popup SimpleModal e opere trascinabili bene. Dopo di che, il popup SimpleModal lancia ancora e l'elemento trascinabile non trascinare. Tutte le idee?
Codice di diretta giorno Evento:
$("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();
}
});
});
Soluzione
Nel caso qualcuno si presenta per questo in futuro la soluzione era quella di mettere il codice "trascinabile" nel callback 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();
}
});
});
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow