javascript - pjax：如何使返回按钮从服务器重新请求 html

Question

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

但是，当用户单击浏览器的“返回”按钮时，它不会发生。

示例情况：

• 用户转到 /aaa
• 用户点击了指向 /bbb 的 pjax 链接（请求的 html 包含执行的 js）
• 用户单击指向 /ccc 的 pjax 链接
• 用户点击了指向 /bbb 的 pjax 链接（请求的 html 包含执行的 js）
• 用户单击指向 /ccc 的 pjax 链接
• 用户单击后退按钮 - js 未执行。

Answer 1

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

要使其在浏览器的后退/前进按钮单击时也能正常工作，您可以使用 pjax-end 事件。

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

希望这会对你有所帮助。

谢谢。