Jquery事件不会从.html加载的内容中触发
Jquery events not firing from inside .html loaded content
这里是一个场景,我有一个列表,根据点击的内容加载一些HTML到div中:
<ul id="menu">
<li id="empNav1" class="selected"><a href="#">Employer Overview</a></li>
<li id="empNav2"><a href="#">Why We're Better</a></li>
<li id="empNav3"><a href="#">Job Slots + Resume DB</a></li>
</ul>
<div class="subItem"></div>
--------- jquery ------------
$(document).ready(function () {
var sections = $("#menu li");
var content = $(".subItem");
sections.click(function () {
switch (this.id) {
case "empNav1":
content.html('<ul><li id="submenu1">11111</li><li>1111</li></ul>');
break;
case "empNav2":
content.html('<ul><li id="submenu2">222222</li>li>22222</li></ul>');
break;
case "empNav2":
content.html('<ul><li id="submenu3">333333</li>li>33333</li></ul>');
break;
}
});
$('li#submenu1').click(function {
content.html('<ul><li id="submenu2">222222</li>li>22222</li></ul>');
});
});
所以我的问题是:我如何让事件触发的内容加载在。html事件?我试过一些方法,但都不起作用。我希望加载的内容能够触发影响页面的事件
问题源于doc.ready上没有内容。用这个代替
$('li#submenu1').live(function {
content.html('<ul><li id="submenu2">222222</li>li>22222</li></ul>');
});
});
并查看.live docs http://api.jquery.com/live/
$('li#submenu1').live('click', function {
content.html('<ul><li id="submenu2">222222</li>li>22222</li></ul>');
});
相关文章:
- 召回窗口加载事件 - javascript
- 仅加载事件序列
- cookie加载事件页面重定向
- 正在捕获动态更改其源的图像的加载事件
- 如何从vb.net中的页面加载事件中调用特定的javascript函数
- 在iframe中加载pdf时,iframe未触发加载事件
- 点击加载事件按钮
- jQuery-将加载事件附加到动态加载的元素
- 不;t使用ajax在fullcalender.js中加载事件数据
- 加载事件中的“太多递归”
- 每10秒调用一次页面加载事件
- jQuery"该参考文献“;加载事件后未设置
- ASP网格视图的重新加载事件
- 在点击和加载事件时播放暂停背景音频
- 引导模式加载事件
- 页面中的条件在卸载之前加载事件
- 如何在 asp.net 中的页面加载事件之前调用 JavaScript 确认对话框
- 位置.重新加载事件触发按钮单击事件
- iframe 加载事件中的 setTimeout 似乎没有像预期的那样等待 x 秒
- 图像加载事件未触发