首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Jquery Live和Draggable

Jquery Live和Draggable
EN

Stack Overflow用户
提问于 2010-02-05 02:55:37
回答 1查看 7K关注 0票数 0

我正在使用Jquery Live绑定将一个单击事件绑定到一个图像上。当我第一次单击该图像时,简单模式弹出窗口启动并且可拖动工作正常。但是在那之后,简单模式弹出窗口仍然启动并且可拖动项不会被拖动。你有什么想法吗?

Live Click事件代码:

代码语言:javascript
运行
复制
$("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();
        }
    });
});
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2010-02-06 03:55:58

如果任何人在将来寻找它,解决方案是将“可拖动”的代码放在onShow回调中。

代码语言:javascript
运行
复制
$("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(); 
        } 
    }); 
}); 
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2202329

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档