javascript - pjax:如何使后退按钮从服务器重新请求 html

Question

pjax 插入到 pjax 容器中的 html 代码包括一些 javascript 代码。它工作得很好——当 pjax 进行插入时，js 被执行。

但是，当用户点击浏览器的“后退”按钮时，它不会发生。

示例情况:

• 用户转到/aaa
• 用户点击 pjax 链接到/bbb(请求的html包含js，执行)
• 用户点击 pjax 链接到/ccc
• 用户点击 pjax 链接到/bbb(请求的html包含js，执行)
• 用户点击 pjax 链接到/ccc
• 用户点击后退按钮 - js 没有执行。

Answer 1

要加载页面中添加的jquery，需要在pjax事件完成后调用。

要使其也适用于浏览器的后退/前进按钮点击，您可以使用 pjax-end 事件。

$("#pjax_container_id").bind('pjax:end', function() {
  // call your jquery functions
});

希望对您有所帮助。

谢谢。