Jquery Live 和 Draggable答案

【问题标题】：Jquery Live and DraggableJquery Live 和 Draggable
【发布时间】：2010-02-04 18:55:37
【问题描述】：

我正在使用 Jquery Live 绑定将点击事件绑定到图像。我第一次单击图像时，simplemodal 弹出窗口启动并且可拖动工作正常。之后，simplemodal 弹出窗口仍然会启动，并且可拖动项目不会拖动。有什么想法吗？

实时点击事件代码：

$("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();
        }
    });
});

【问题讨论】：

建议：编辑你的帖子，选择你的代码，然后点击文本区域上方的代码示例按钮。

标签： jquery jquery-ui draggable live

【解决方案1】：

如果有人在未来寻找这个，解决方案是将“可拖动”代码放在 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(); 
        } 
    }); 
});

【讨论】：