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

我使用jquery-ui的draggable进行拖放，并且可编辑的 http://www.appelsiini.net/projects/jeditable用于内联编辑。

当我拖放一个也可编辑的元素时，在它被放置后 jeditable 立即启动并弹出到“编辑模式”。

我怎样才能禁用这种行为？

Edit- 问题发生是因为 netting - 请参阅这个例子 http://jsbin.com/izaje3/5。我还在混合中添加了可拖动的内容，以使示例更加真实（实际的真正问题在于这个网站 http://kuzando.com我正在研究的）

Note- 尽管由于赏金规则这个问题有一个可接受的答案，但问题对我来说仍然没有解决。

更新2：使用孩子（）

DEMO 2: http://jsbin.com/izaje3/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 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>  

NOTE:只是为了方便，您还可以使用handle 方法来利用！

http://jqueryui.com/demos/draggable/#handle http://jqueryui.com/demos/draggable/#handle