使用jQuery将元素加载到DOM中

时间:2010-06-25 00:00:12

标签: jquery html dom

我有一个简短的问题,我相信你们中的一些人会得到答案,让我解释一下 我正在开发一个非常简单的网站,静态内容,纯HTML和CSS,还有一些javascript可以让每个人的生活更轻松。
该网站有一个标题,导航,侧栏和页脚,虽然该网站是静态的,我想我可以使用“.load()”之类的东西来加载导航栏,侧栏和页脚的HTML文件。
我正在使用jQuery,我意识到我加载的文件中的锚标记不像我期望的那样表现。
作为一个例子,我想使用“preventDefault()”来检查我的链接,它只适用于硬编码到每个HTML页面的锚标签,锚标签是旁路加载的文件的一部分所有的“preventDefault()” 我没有足够的经验来弄清楚为什么,虽然经过一些研究后我意识到它与DOM以及我正在添加的元素有关。

我将不胜感激任何帮助 感谢

2 个答案:

答案 0 :(得分:3)

最有可能发生的事情是您在加载AJAX内容之前设置事件处理程序。 click等事件处理程序仅适用于此时DOM中存在的元素,遗憾的是可能包含页眉,页脚,导航栏链接等。< / p>

查看jQuery livejQuery delegate以执行您想要的操作,或者在通过AJAX加载所有内容后设置处理程序。

答案 1 :(得分:2)

当您使用jQuery追加元素时,它会删除您的事件。如果你真的想要采用这种页面构建方法,你必须通过jQuery live获得创意,将事件应用于动态添加的项目。

http://api.jquery.com/live/