Я использую jeditable plugin для встроенного редактирования. Когда я дважды нажимаю на поле для редактирования, курсор остается впереди значения. Значение текстового поля динамически генерируется. Я хочу что-то, когда я нажимаю «Новая папка», курсор должен оставаться в конце FOLDER. Вот мой live Website, где вы можете добавить новую папку с левой боковой панели и дважды щелкнуть по сгенерированной новой папке.Поместите курсор в конец jeditable textbox
Я пробовал несколько доступных решений здесь, чтобы сосредоточиться на поле ввода, они работают на статическом текстовом поле, но я не мог заставить их работать с этим jeditable плагином. Любая помощь будет высоко оценена.
Вот jsfiddle для работы над этим плагином. JSFIDDLE
Ниже приведен мой код создания редактируемой папки в списке.
$('document').ready(function() {
txt_box = "<li class='animated bounceInDown foldertobedeleted' data-toggle='context' data-target='#context-menu' ><a class='folderlink'><span style='background-color:" + favorite + "' class='foldercount'>0</span><span class='editable foldername'>New Folder</span></a></li>";
$("#folderlist li:last").before(txt_box);
$('.editable').editable(function (value, settings) {
console.log(this);
console.log(value);
console.log(settings);
return (value);
}, {
type: 'text',
onblur: 'ignore',
event: 'dblclick',
tooltip: "Double Click to edit",
style: 'display: inline; ',
width: '125px',
});
});
});