は、特定のタグの後に部分図を挿入

Question

私は次のマークアップがあります。次に、ユーザはdiv class="info"後の私の部分図を示してReplyのリンクをクリックしたときに、私が欲しい

<ul> 
    <li class="comment"> 
    <p>comment 1</p> 
    <div class="info"> 
     <img src="/assets/images/i/2.jpg" width="17px" height="15px"> 
     <a>sharok</a> 
     <span>·</span> 
     <span>21.12.2012 0:00:00</span> 
     <span>·</span> 
     <a href="#"> 
        Reply</a> 
     <span>·</span> 
     <a href="#">Complain</a> 
    </div> 
    <ul> ***this is child comment 
     <li class="comment"> 
     <ul> 
      <li class="comment"> 
      <p>comment 1.1</p> 
      <div class="info"> 
       <img src="/assets/images/i/2.jpg" width="17px" height="15px"> 
       <a>sharok</a> 
       <span>·</span> 
       <span>25.12.2012 0:00:00</span> 
       <span>·</span> 
       <a href="#"> 
        Reply</a> 
       <span>·</span> 
       <a href="#">Complain</a> 
      </div> 
      <ul> 
       <li class="comment"> 

      </li> 
      </ul> 
      </li> 
     </ul> 
     </li> 
    </ul> 
    </li> 
</ul> 

を。

これは私の部分図である。

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<DT.KazBilet.Objects.PublicationComment>" %> 
<div class="wrap"> 
    <h4>Comment</h4> 
    <%using (Ajax.BeginForm("DoComment", "Publication", new {id = Model.Publication.OID},new AjaxOptions())) 
     {%> 
    <%if(Model.ParentCommentId != null) %> 
    <%=Html.Hidden("ParentCommentId", Model.ParentCommentId) %> 
    <%=Html.TextAreaFor(x=>x.Text) %>   
    <input type="submit" value="Publish" class="btn ok_btn" /> 
    <%}%> 
</div> 

私はこれをどのように行うことができますか？

Answer 1

これは、$.get関数（http://api.jquery.com/jQuery.get/）を使用して、ajaxで行うことができます。しかし、単純にあなたのコメントdivをHTMLに直接入力して、ユーザーがReplyボタンをクリックしてサーバーから取得する代わりにそれを表示するまで（スライド、フェードインなど）表示するまで非表示にすることを検討する必要があります。毎回同じコンテンツになるので、ユーザーが返信を投稿したければ、それを動的に取得する必要はありません。それはそれ以外の場合にクリックイベントをキャプチャするのは難しいとあなたは、返信リンク/ボタンにクラスを追加する必要があります

$(".replybtn").click(function() { 
    $.get('path/to/partial/view', function(data) { 
     $(this).parent().after(data); 
    }); 
}); 

：

あなたはまだそれを動的に取得したい場合は

は、ような何かを行います。