2012-10-09 200 views
0

有兩個頁面,在webform3.html加載完成後,將webform4.html的頁面內容的一部分添加到webform3.html的div中。但是當我單擊Buttone4時,該事件不起作用。 如何解決這個問題?非常感謝!與delegate()用jquery加載頁面的一部分

WebForm3.html

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head id="Head1" runat="server"> 
<title></title> 
<script src="scripts/jquery-1.7.2.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    $(function() { 
     $("#W4").load("WebForm4.html #CC"); 
     $("#Button4").click(function() { 
      alert("webform4.html"); 
     }) 
    }) 
</script> 
</head> 
<body> 
<form> 
<div id="W4"> 
</div> 
<input id="Button1" type="button" value="button" /> 
</form> 
</body> 
</html> 

WebForm4.html

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title></title> 
</head> 
<body> 
<div id="CC"> 
    <input id="Button4" type="button" value="button"/> 
</div> 
</body> 
</html> 

回答

1

附上您的事件處理程序或連接它的負載是在回調完成後:

<script type="text/javascript"> 
    $(function() { 
     $("#W4").load("WebForm4.html #CC", function() { 
      $("#Button4").click(function() { 
       alert("webform4.html"); 
      }); 
     }); 
    }) 
</script> 
+0

你是我的明星 – user441222

0

試使用。在而不是j烏斯季。點擊

$(function() { 
    $("#W4").load("WebForm4.html #CC"); 
    $("#Button4").on("click", function() { 
     alert("webform4.html"); 
    }); 
});