正しいDIVを別のページコンテンツに動的に埋め込みます。

Question

私は自分のページに複数のDIVを持っていますが、別のページビューで正しいDIVを作成できません。私はいくつかの助けに感謝します。

DIVのリストを作成するループがあります。最後は、解析されたではHTMLは次のようになります。そして今、私が「#replycontainer：3」「コメント」ボックスを追加する必要があります。

<div id="replycontainer:1"> 
CONTENT1 
<button id="to:1" class="reply">REPLY</button> 
</div> 

<div id="replycontainer:2"> 
CONTENT2 
<button id="to:2" class="reply">REPLY</button> 
</div> 

<div id="replycontainer:3"> 
CONTENT3 
<button id="to:3" class="reply">REPLY</button> 
</div>  

は今、ユーザーが「3」のボタンをクリックしたと言うことができます。

私が正しく思うJavaScriptは動作しません。クリックされたDIVクラスを正しく検出しますが、選択したDIVに他のページコンテンツは追加されません。

何が問題になりますか？

Javascriptを/ jQueryの私がクリックされたDIVボタンを検出するために使用します。事前に

<script type="text/javascript"> 

$(document).ready(function() { 
    $("button.reply").click(loadComment); 
}); 


function loadComment() { 
    var id = this.id.split('to:'); 
    var postId = id[1]; 
    var containername = "#replycontainer:" + postId; 

    $(containername).load("/Post/Comment"); //MVC Action pointer 
} 

</script> 

感謝を！

Answer 1

あなたがエスケープする必要があります "：" jQueryのセレクタAPIごとに "\\" と。クラス名

http://api.jquery.com/category/selectors/

を区切るための悪いシステム「：」のようなセレクタの多様性を定義するために使用される「：入力」、「：チェックする」など

Answer 2

あなたはそれが実際のコードだ場合

class="replycontainer:1 

に「"」逃すと。『：』私が知っているように私が知っているように、シンボルは、idとクラスの属性に推奨されていません

Answer 3

ここでは、参照します。 DIV：

var containername = "#replycontainer:" + postId; 

しかし、コンテナは実際にはクラスである：

<div class="replycontainer:1> 

また、タイプミスがあります。あなたは二重引用符でクラストークンを閉じるのを忘れました。私はここでそれを修正した

：

var containername = ".replycontainer:" + postId; 
... 
<div class="replycontainer:1"> 

Answer 4

私は負荷の値を考えていません（）はJavascript/Jqueryに関連しています。

$(containername).load("/Post/Comment"); //MVC Action pointer 

load（）はページの読み込み中に一部のjavascriptしか実行できませんでした。しかし、クライアント側スクリプトでサーバースクリプトを実行しようとしています。それを見てください。