Question

我正在尝试使用jquery创建一个编辑帖子。但我的代码不起作用。当我点击编辑按钮然后将editMarkUp放入messageB1但它不起作用时，它需要工作。

任何人都可以在这里帮助我，我缺少什么，解决方案是什么？

来自 jsfiddle.net的 DEMO

的js

$(document).ready(function() {

    $("body").on("click", ".editBtn", function() {
        var ID = $(this).attr("id");
        var currentMessage = $("#messageB" + ID + " .postInfo").html();
        var editMarkUp = '<textarea rows="5" cols="80" id="txtmessage_' + ID + '">' + currentMessage + '</textarea><button name="ok" ">Save</button><button name="cancel">Cancel</button>';
        $("#messageB" + ID + " .postInfo").html(editMarkUp);
    });
});

HTML

<div class="container">
   <div class="postAr" id="messageB1">
      <div class="postInfo">
         fdasfads fasd fadsf adsf adsf adsf asd fasd f dfsa
      </div>
      <div class="editBtn" id="1">Edit</div>
   </div>
</div>

Answer 1

您未在代码中的任何位置定义editobj变量，我猜您可能会改为.postInfo：

$(document).ready(function() {

  $("body").on("click", ".editBtn", function() {
    var ID = $(this).attr("id");
    $('.postInfo').prop('disabled', 'true');
    var currentMessage = $("#messageB" + ID + " .postInfo").html();
    var editMarkUp = '<textarea rows="5" cols="80" id="txtmessage_' + ID + '">' + currentMessage + '</textarea><button name="ok" ">Save</button><button name="cancel">Cancel</button>';
    $("#messageB" + ID + " .postInfo").html(editMarkUp);
  });
});

<强> MODIFIED DEMO

jquery编辑帖子不起作用

1 个答案: