jquery編輯帖子不工作

Question

我想使用jquery編輯帖子。但我的代碼不起作用。 它需要工作，當我點擊編輯按鈕然後editMarkUp將被放在messageB1但它不起作用。

任何人都可以幫助我在這裏我失蹤了什麼是解決方案？

這是DEMO從jsfiddle.net

的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