2016-08-23 22 views
0

機能は1回だけ機能しますが、ページが読み込まれると、Postbackの後に失敗します。私はonclickメソッドで何かを逃していますか?ASP.NET - ポストバック後にjQueryが機能しない

マイHTML:

 <!-- Iframe Section --> 
     <div class="rmpView" id="ContentPlaceHolder1"> 
      <iframe src="/Tabs/tabOne.aspx?ID=0" height="500" width="100%"> 

       <html> 
        <head></head> 
        <body> 
         <div id="wrapper-iframe"> 
          <label>Name:</label> 
          <input type="text"/> 
          <a href="javascript:void(0)" data-target="dBoxPopup" class="btn">Open Popup</a> 
         </div> 
        </body> 
       </html> 

      </iframe> 
     </div> 
     <!-- Iframe Section ENDS --> 

     <!-- Popup body --> 
     <div id="dBoxPopup" class="dialog-box"> 
      <uc1:wucPopupContent runat="server" ID="wucPopupContent" /> 
     </div> 
     <!-- Popup body ENDS --> 

私のjQuery:

$("#ContentPlaceHolder1 iframe").load(function (e) { 
    // trigger popup onclick inside the iframe BEGINS 
    $(this).contents().find('.btn').on("click", function() { 
     var btnHref = $(this).attr("data-target"); 
     javascript: popup(btnHref) 
    }); 
    // trigger popup onclick inside the iframe ENDS 
}); 

答えて

0

一つの理由は、ポストバックした後、ボタンを見つけることができないことが考えられます。この場合、ボタン自体は存在しないため、ポップアップは呼び出されません。

関連する問題