Question

我有下面的脚本;问题是我可以在加载的文件中使用jquery脚本

的index.html

<html> 
<head> 
 <title>Ajax with jQuery Example</title> 
 <script type="text/JavaScript" src="jquery.js"></script> 
 <script type="text/JavaScript"> 
 $(document).ready(function(){ 
$.ajax({
  url: 'ajax/test.html',
  success: function(data) {
    $('#wrapper').html(data);
  }
});

  $("A").click(function(){ 
     alert("test inside loaded file");
   }); 

}); 
 </script> 
</head> 
<body> 
 <div id="wrapper"> 
 </div> 
</body> 
</html>

AJAX /的test.html

<A HREF="document2.html" TABINDEX="4">test alert</A>

当我点击加载的文件

时，他不会发出任何警告的问题

Answer 1

尝试更改以下行：

$("A").click(function(){ 
     alert("test inside loaded file");
   });

到

$("A").live('click',function(){ 
     alert("test inside loaded file");
   });

通过使用Live()方法，您现在和将来绑定到所有<a>标记，使用.click（）仅绑定到当前存在的匹配元素。

Answer 2

您需要使用live()将事件附加到与当前选择器匹配的所有元素，现在和将来，而不是click()。

http://api.jquery.com/live/

Answer 3

使用

$("A").live("click", function(){ 
     alert("test inside loaded file");
});

在加载的文件中加载jquery问题

3 个答案: