在Jquery ui可选表中插入文本

Question

我在contenteditable div中有两个表。我将selectable类应用于第一个表。我的问题是，我可以在第二个表中插入文本，但不能在第一个表中插入文本。

https://jsfiddle.net/waou22dp/8/

Answer 1

问题可能是您所指的jquery版本所致。

您引用的jquery-1.8.3.js和jquery-ui-1.9.2.js可能导致与版本不兼容，而console我能看到.selectable函数为undefined和 an Uncaught TypeError: $(...).selectable is not a function错误。现在我只是将jquery版本更改为jquery-2.0.2.js和jquery-ui-1.10.3.js`，这实际上是兼容的!!

选中 Updated Fiddle

<强>更新

我认为不可能！因为你试图覆盖一次两个都不能发生的事件！我试过应用下面的方法，但即使这样也不会有用多次。说它会起作用，我的意思是点击发生，只有连续多次点击后它才会变得可编辑：

$(document).ready(function(){
   $('#tbl1').selectable({
        filter: "td"
    }).on('click',function(){
        $(this).attr('contenteditable','true');
    });
});

以下是 Fiddle