对于一个项目,我必须重新创建旧HTML框架的机制,div中的静态导航栏和其他div中的内容异步更改。
我使用jQuery“load”函数从内容div中的外部页面加载html代码;但是当我尝试对它们执行事件时我不能。为什么这样呢?我该怎么办?
任何帮助都会被强烈贬低。
非常感谢您提前寻求帮助。
我的HTML:
<body>
<nav>
<a href="#"><span>FIRST</span></a>
<a href="#"><span>SECOND</span></a>
<a href="#"><span>THIRD</span></a>
</nav>
<article></article>
</div>
我的jQuery:
$('nav a').click(function() {
var link = 'includes/'+clearLink($(this).children().html())+'.html';
$('<div id="mainframe"></div>').appendTo('article').load(link);
});
现在,在我加载的第一页中有一些html元素,我无法在它们上进行交互,比如
$('#switch').live('click', function() {
$('#other-element-loaded-async').hide();
});