javascript - 在通过 jQuery 的 load() 函数加载的 HTML 上使用已经加载的 JS？

Question

不确定这是否可行，但我正在尝试使用通过 script 标记加载的 JavaScript，当最初在通过 jQuery 的 加载的动态 HTML 上请求页面时>load() 函数。

示例:http://jsfiddle.net/3MR43/

如您在示例中所见，在弹出框中单击一个链接后，该链接就会出现。问题是该链接应该已停止，并且您应该会看到警报。

但是，如果我粘贴我通过 jQuery 加载的 HTML，它就可以工作，所以代码没问题。

Answer 1

描述

您需要 jQuery .live() 或 .on() 方法将事件绑定(bind)到动态创建的 html。

根据您使用的 jQuery 版本选择 .live() 或 .on()。

.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.

查看我的样本和这个 jsFiddle Demonstration

示例

... 用于 jQuery.live()

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

... 对于 jQuery.on()

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

更多信息

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