0

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

我的整个网站完全是通过 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>
[...]

现在我的内容（带有 jQ​​uery 元素）在加载/输出 ajax 加载器时工作得很好，但是当它用 ajax 加载器加载时，jquery 插件无法工作。请帮忙

4

2 回答 2

2

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

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

在 ajax 完成加载之后，如果您还没有这样做的话。

编辑：只是一个快速提示：最好将 javascript 放在您的末尾<body>而不是页面的<head></head>.

于 2013-02-01T04:00:15.753 回答
1

当您动态加载网页时，您在该页面中的 jquery 脚本不会被注册，用于jQuery.getScript()注册它们。

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

于 2013-02-01T03:56:54.647 回答