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

Question

我已经构建了一个我在文档准备好的

上运行的插件

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

我有一个JQuery插件，它将所有href与类pageref绑定到一个click事件。

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

当用户点击href：s时，该函数通过转换将页面加载到ajax上。在函数结束时，我再次调用它重新加载插件：

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

我的问题是，在某些页面上，我使用点击事件将数据加载到ul li：s，并且这些不会通过点击功能进行绑定。

换句话说：

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

由于

Answer 1

您应该在树的后面附加.on并指定一个选择器（对于现有和将来的元素）作为可选参数。

而不是

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

将.on附加到document

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