Question

Not sure if this is posible or not, but I’m trying to use JavaScript that I loaded via a script tag when the page was initially requested on dynamic HTML that was loaded via jQuery’s load() function.

Example: http://jsfiddle.net/3MR43/

As you can see in the example, after clicking a link in the pop up box, the link goes. The problem is that the link was suppose to be stopped, and you were suppose to see an alert.

However, if I paste the HTML that I am loading via jQuery, it works, so the code is fine.

Answer 1

Description

You need jQuery .live() or .on() method to bind events to dynamically created html.

Choose .live() or .on() depending on the version of jQuery you are using.

.live() Available since jQuery 1.3. Attach an event handler for all elements which match the current selector, now and in the future.

.on() Available since jQuery 1.7. Attach an event handler function for one or more events to the selected elements.

Check out my sample and this jsFiddle Demonstration

Sample

… for jQuery.live()

$('.lang').live("click", function(e) {   
    e.preventDefault();  
    alert('Testing..');        
});

… for jQuery.on()

$('.lang').on("click", function(e) {   
    e.preventDefault();  
    alert('Testing..');        
});

More Information

• jsFiddle Demonstration
• jQuery.live()
• jQuery.on()