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

标签 javascript jquery html load

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

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

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

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

最佳答案

描述

您需要 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..');        
});

更多信息

关于javascript - 在通过 jQuery 的 load() 函数加载的 HTML 上使用已经加载的 JS?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8976551/

相关文章:

javascript - JQuery.AJAX 失败,即使 firefox 显示代码 200

javascript - 从 ws ://to wss://切换时需要注意什么

javascript - 如何在 Typescript + Node.js 中使用 p5.sound

javascript - 在我的 xml 调用中添加一个函数

html - 如何仅针对 IE 10 和 11 应用不同的 css 样式?

javascript - case user.length < 4;控制台日志 ("nametoo short :(");休息;为什么这不起作用?

javascript - 在元素上单击触发事件触发输入复选框两次

javascript - 我有一个检测 2 个 div 之间碰撞的函数。当碰撞结果为真时,如何执行新函数?

javascript - 打开对话框后如何返回主视图?

javascript - 滚动浏览图片