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

上一篇:javascript – d3 v4拖动带有x和y轴的折线图


下一篇:Python中的交互式BSpline拟合