load jquery problem inside loaded file

Question

I have the folowing script; The problem is that i can use the jquery scripts inside the loaded file

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>

The problem he will give no alert when i click on the loaded file

Fermin · Accepted Answer · 2010-11-01 11:49:29Z

2

Try changing the following line:

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

to

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

By using the Live() method you bind to all <a> tags now and in the future, using .click() only binds to the matching elements that currently exist.

answered Nov 1, 2010 at 11:49

Fermin

36.3k22 gold badges87 silver badges131 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Baruch · Accepted Answer · 2010-11-01 11:49:10Z

1

use

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

answered Nov 1, 2010 at 11:49

Baruch

22k32 gold badges138 silver badges215 bronze badges

Comments

CD.. · Accepted Answer · 2010-11-01 11:53:19Z

1

You'll need to use live() to attach the event to all elements which match the current selector, now and in the future, instead of click().

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

edited Nov 1, 2010 at 11:53

answered Nov 1, 2010 at 11:48

CD..

74.4k25 gold badges160 silver badges170 bronze badges

Collectives™ on Stack Overflow

load jquery problem inside loaded file

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related