Не могу jqeditable после добавления элемента для него

Question

Я написал скрипт, чтобы создать новый элемент для моей базы данных SQL и моего сайта. Если сообщение хорошее, я верну идентификатор сообщения, чтобы я мог создать DIV-окно, как и другие DIV.

Проблема в том, что я могу оперативно редактировать тексты во всех DIV, но НЕ в созданном.

ajaxRequest.onreadystatechange = function(){
    if(ajaxRequest.readyState == 4){
        var moveit = $("<img>").attr({src: "icons/arrow_switch.png", class: "handle", alt: "move"});
        var editarea = $("<div>Ide írjon szöveget</div>").attr({class: "edit_area", id: ajaxRequest.responseText});
        $("<li></li>").attr({id: "listItem_"+ajaxRequest.responseText}).append(moveit).append(editarea).appendTo('#test-list');
    }

Пример: один из оригинальных DIV

<li id="listItem_84"><img alt="move" class="handle" src="icons/arrow_switch.png"><div id="84" class="edit_area">Ide írjon szöveget...</div></li>

JS создал DIV

<li id="listItem_88"><img src="icons/arrow_switch.png" class="handle" alt="move"><div class="edit_area" id="88">Ide írjon szöveget</div></li>

Так что я действительно не знаю, почему я не могу редактировать новую строку ?! Пожалуйста, дайте мне решение для этого.

Спасибо за вашу помощь <3 </p>

Answer 1

Вы вызывали editable только для тех элементов, которые были там, когда был выполнен вызов, но вы можете настроить его как часть вашей функции ajax на новые элементы:

ajaxRequest.onreadystatechange = function(){
  if(ajaxRequest.readyState == 4){
    var moveit = $("<img>").attr({src: "icons/arrow_switch.png", class: "handle", alt: "move"});
    var editarea = $("<div>Ide írjon szöveget</div>")
                      .attr({class: "edit_area", id: ajaxRequest.responseText})
                      .editable(...same options here...);
    $("<li></li>").attr({id: "listItem_"+ajaxRequest.responseText})
      .append(moveit).append(editarea).appendTo('#test-list');
  }
}

Просто введите те же параметры для вызова .editable(), которые использовались при загрузке страницы.