javascript – jeditable意外触发嵌套项目上的Draggable

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – jeditable意外触发嵌套项目上的Draggable，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1128字，纯文字阅读大概需要2分钟。

内容图文

我正在使用jquery-ui的draragable用于拖放,而jeditable用于内联编辑.

当我拖放一个也可编辑的元素时,在它被删除之后立即开始并弹出“编辑模式”.

如何禁用此行为？

编辑 – 问题是因为netsting而发生 – 请参阅this example.我还添加了draggable到混合中以使示例更加真实(实际的真正问题是在this site我正在处理)

注意 – 即使这个问题由于赏金规则而得到了接受的答案,但问题仍未解决.

解决方法:

更新2：使用儿童()

DEMO 2：http://jsbin.com/izaje3/2

回应你的评论

$(function() {
    $('.editable').editable();
    $('.draggable').draggable({
        drag: function(event, ui) {
            $(this).children('div').removeClass('editable')
        },
        stop: function(event, ui) {
           $(this).children('div').addClass('editable')
        }
    });
});?

DEMO：http://jsbin.com/ihojo/2

$(function() {
    $(".draggable").draggable({
        drag: function(event, ui) {
            $(this).unbind('editable')
        }
    });
    $(".editable").editable();
});

或者你可以这样做：

$(function() {
    $('.editable').editable();
    $('.draggable').draggable({
        drag: function(event, ui) {
            $(this).removeClass('editable')
        },
        stop: function(event, ui) {
            $(this).addClass('editable')
        }
    });
});

假设你有这样的东西：

<div class="draggable editable"></div>  

注意：为了方便起见,您还可以使用handle方法！

07002

内容总结

以上是互联网集市为您收集整理的javascript – jeditable意外触发嵌套项目上的Draggable全部内容，希望文章能够帮你解决javascript – jeditable意外触发嵌套项目上的Draggable所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端