html - Insert text in Jquery ui selectable Table -


i have 2 tables inside contenteditable div. applied selectable class first table. problem is, can insert text in second table can not insert text in first table.

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

the problem might due version of jquery referring.

you referring jquery-1.8.3.js , jquery-ui-1.9.2.js might have caused incompatibility versions , in console able see .selectable function undefined , an uncaught typeerror: $(...).selectable not function error. changed jquery version jquery-2.0.2.js , jquery-ui-1.10.3.js` , compatible!!

check updated fiddle

update:

i don't think it's possible!! because trying override event both cannot occur @ time!! tried applying below method, not useful many times. having said working, mean click happens , becomes editable after multiple consecutive clicks:

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

here fiddle


Comments

Popular posts from this blog

php - failed to open stream: HTTP request failed! HTTP/1.0 400 Bad Request -

java - How to filter a backspace keyboard input -

java - Show Soft Keyboard when EditText Appears -