Jquery Can';t jqeditable在为其显示一个元素之后

Jquery Can';t jqeditable在为其显示一个元素之后,jquery,ajax,inline-editing,Jquery,Ajax,Inline Editing,我写了一个脚本,为我的SQL数据库和我的网站创建了一个新元素。 如果帖子是好的,我会取回帖子的ID,这样我可以像其他DIV一样制作一个DIV框 问题是,我可以内联编辑所有div中的文本,但不能编辑创建的div中的文本 ajaxRequest.onreadystatechange = function(){ if(ajaxRequest.readyState == 4){ var moveit = $("<img>").attr({src: "icons/arr

我写了一个脚本,为我的SQL数据库和我的网站创建了一个新元素。 如果帖子是好的,我会取回帖子的ID,这样我可以像其他DIV一样制作一个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');
    }
ajaxRequest.onreadystatechange=function(){
if(ajaxRequest.readyState==4){
var moveit=$(“Ideírjon szöveget”).attr({class:“编辑区域”,id:ajaxRequest.responseText});
$(“
  • ”).attr({id:“listItem”+ajaxRequest.responseText}).append(moveit).append(editarea).appendTo(“#测试列表”); }
    示例:原始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>
    
    Ideírjon szöveget 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>
    
    Ideírjon szöveget 所以我真的不知道为什么我不能编辑新行?!请给我一个解决方案


    感谢您的帮助您在调用时仅对存在的元素调用了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');
      }
    }
    
    ajaxRequest.onreadystatechange=function(){
    if(ajaxRequest.readyState==4){
    var moveit=$(“Ideírjon szöveget”)
    .attr({class:“edit_area”,id:ajaxRequest.responseText})
    .可编辑(…此处的选项相同…);
    $(“
  • ”).attr({id:“listItem_216;”+ajaxRequest.responseText}) .append(moveit).append(editarea).appendTo(“#测试列表”); } }
    只需为
    .editable()
    调用添加与加载页面时相同的选项即可