2012-10-09 3 views
0

Il y a deux pages, Ajouter une partie du contenu de la page de webform4.html dans div de webform3.html après le chargement de webform3.html terminé. Mais quand je clique sur le Buttone4, l'événement ne fonctionne pas. Comment réparer ceci Merci beaucoup!charger une partie d'une page avec 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> 

Répondre

1

Joindre votre gestionnaire d'événements avec delegate() ou l'attacher après que la charge est complète dans le rappel:

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

vous êtes mon étoile – user441222

0

essayer en utilisant .on au lieu de j uste .cliquez:

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