JQuery Live e Draggable
Pergunta
Estou encadernando um evento de clique em uma imagem usando o jQuery Live Binding. Na primeira vez em que clico na imagem, os lançamentos de pop -up simples e o draggable funciona bem. Depois disso, o pop -up Simplemodal ainda é lançado e o item Draggable não será arrastado. Alguma ideia?
Código do Evento ao Live Click:
$("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();
}
});
});
Solução
Caso alguém procure isso no futuro, a solução foi colocar o código "Draggable" no retorno de chamada 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();
}
});
});
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow