jquery - 在 ajax 加载时重新触发我的 jquery 函数

Question

我已经构建了一个插件，可以在准备好的文档上运行

$("#pagecontainer").gumbyPageTransition();

我有一个 JQuery 插件将所有带类 pageref 的 href 绑定到单击事件。

$("a.pagehref").on('click', function(event){.....

当用户单击 href:s 时，该函数通过 ajax 加载页面。在函数结束时，我通过再次调用它来重新加载插件：

....
$("#pagecontainer").gumbyPageTransition(); //To bind click events on the newly loaded page

我的问题是，在某些页面上，我通过点击事件将数据加载到 ul li:s 中，而这些不会被点击函数绑定。

换句话说：

我在文档中运行我的插件，准备绑定点击事件以通过 ajax 加载页面
当我获取一个页面时，我再次运行我的插件以将页面 href 绑定到我的插件（以获取更多页面）
加载页面时，会触发“pageloaded”功能。在页面加载时，我有时会更新列表（ul li）。该列表包含我需要绑定的 href。我需要一个类似于 .listview('refresh'); 的函数；在 jquery 移动端。我怎么做？

谢谢

score 0 · Accepted Answer

您应该进一步附加.on树并指定一个选择器（用于现有和未来的元素）作为可选参数。

代替

$('a.pagehref').on('click', function(event)
{
    // ...
});

附在.on_document

$('document').on('click', 'a.pagehref', function(event)
{
    // ...
});

1 回答 1