HTML5,draggable和contentEditable不能一起工作

Question

当draggable在父元素(<li>)上启用属性时,我无法contenteditable对其子元素(<a>)进行处理.

重点是子元素(<a>),但我根本无法编辑它.

请检查此样本

http://jsfiddle.net/pavank/4rdpV/11/

编辑:当我禁用我可以编辑内容draggable上<li>

Answer 1

我今天遇到了同样的问题,并找到了一个解决方案[使用jQuery]

$('body').delegate('[contenteditable=true]','focus',function(){
    $(this).parents('[draggable=true]')
            .attr('data-draggableDisabled',1)
            .removeAttr('draggable');
    $(this).blur(function(){
        $(this).parents('[data-draggableDisabled="1"]')
                .attr('draggable','true')
                .removeAttr('data-draggableDisabled');
    });
});

$('body') 可以用更具体的东西代替.

如果contenteditable未在运行时添加新元素,则可以使用bind而不是delegate.