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

我正在使用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

标签：jquery,javascript,jquery-ui,draggable,jeditable
来源： https://codeday.me/bug/20190610/1213453.html