javascript - Pjax。页面上的其他 JS 脚本不起作用

Question

大家好!

我已将 pjax 集成到我的站点。它正在工作，但其他 js 脚本如 GoogleMap 或 DataTable - 没有。如果按 f5 重新加载页面 - 页面上的所有其他 js 工作完美!我做错了什么？如何解决这个问题？

Answer 1

Pjax 使用 ajax 来替换内容，因此您很可能只是在文档上加载 javascript 准备就绪，您需要在 pjax 完成后重新加载它。当 pjax 完成后，您可以使用一个处理程序来重新启动您的 javascript。

您可以在 github 页面上查看 pjax 的事件 https://github.com/defunkt/jquery-pjax

滚动到底部并查看事件。

但是你可能会做类似下面的事情，但很难说，因为你没有发布任何代码。

您可以陈述您的功能，然后在文档准备就绪时和 pjax 完成后启动它们。

function datatables(){
  //your datatables code here
{
function googleMaps(){
  //your google maps code here
}
$( document ).ready(function() {
  datatables();
  googleMaps();
});
$(document).on('pjax:complete', function() {
  datatables();
  googleMaps();
});

或者你可以像这样在文档准备好和 pjax 完成时声明它们

$( document ).ready(function() {
  //your datatables code here
  //your google maps code here
});
$(document).on('pjax:complete', function() {
  //your datatables code here
  //your google maps code here
});

或者类似的东西。

希望对您有所帮助。