Вопрос

Я привязываю событие Click с изображением, используя живую привязку jQuery. В первый раз я нажимаю на изображение, которое запускает Simplemodal Popup, а Draggable работает нормально. После этого все еще запускается простое всплывающее окно, а предмет Draggable не будет перетаскиваться. Любые идеи?

Событие Code of 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();
        }
    });
});
Это было полезно?

Решение

В случае, если кто -то ищет это в будущем, решение состояло в том, чтобы поместить «перетаскиваемый» код в обратный вызов 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(); 
        } 
    }); 
}); 
Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top