ajax动态加载网页后未加载jQuery元素

Question

当通过ajax动态内容加载器动态加载jQuery元素时，如Ibuttons这样的jQuery元素不起作用

我的整个网站完全是通过Ajax渲染的，就像这样

<html>
<header>
{jQuery}
</header>
<form method="post" action="" id="ajaxLoader" name="ajaxLoader" enctype="multipart/form-data">
          <div id="Webpage"><!-- Ajax loader output --></div> </form>
</html>

现在，浏览器加载了Ajax加载器之后，它加载了内容并将其输出到#Webpage中，如下所示

[..]
<form method="post" action="" id="ajaxLoader" name="ajaxLoader" enctype="multipart/form-data">
              <div id="Webpage">{Content with jQuery plugins like ibuttons}</div> </form>
[...]

现在，当我的Content（带有jQuery元素）在加载/退出ajax加载器时都可以正常工作，但是当使用ajax加载器加载时，jquery插件无法正常工作。 请帮忙

Answer 1

您可能需要使用重新初始化插件

$("#my_button_id").iButton();

在ajax完成加载之后（如果尚未加载）。

编辑：只是一个提示：好的做法是将javascript放在<body>的末尾，而不是页面的<head></head> 。

Answer 2

当动态加载网页时，该页面中的jquery脚本将不会注册，请使用jQuery.getScript()进行注册。

http://api.jquery.com/jQuery.getScript/上的文档

ajax动态加载网页后未加载jQuery元素

问题描述

2 个解决方案

解决方案1
2 已采纳 2013-02-01 04:00:15

解决方案2
1 2013-02-01 03:56:54

ajax动态加载网页后未加载jQuery元素

问题描述

2 个解决方案

解决方案1 2 已采纳 2013-02-01 04:00:15

解决方案2 1 2013-02-01 03:56:54

解决方案1
2 已采纳 2013-02-01 04:00:15

解决方案2
1 2013-02-01 03:56:54