javascript - 在 pjax :complete 中重新加载 Pjax

Question

我正在尝试在 pjax 请求后重新加载 alerts 容器。我的目标是在发出任何 pjax 请求后重新加载容器的代码，因此我不必每次都单独调用它。

我有以下代码:

$(document).on('pjax:complete', function(event) {
        $.pjax.reload({container:"#alerts"});
});

但是，这会使整个页面进入永无止境的循环。

有什么方法可以解决这个问题，还是我不应该使用 pjax 来解决这个特定问题？

非常感谢。

更新以下代码有效，但我觉得它不是完美的解决方案:

var time = Date.now();
$(document).on(\'pjax:complete\' , function(event) {
    if(time <= Date.now()){ //Check if there has been a recent reload
        time = Date.now() + 1000;
        console.log(time);
        App.restartGlobalFunction();
        $.pjax.reload({container:"#alerts", async:false});
    }
});

Answer 1

在 Pjax 小部件的特定 id 上尝试 pjax 为:-

$this->registerJs('
    jQuery(document).on("pjax:success", "#brand-form",  function(event){
            $.pjax.reload({container:"#alerts",timeout:2e3})
          }
        );
   ');