如何簡化示例中的jQuery代碼？

Question

有一個用於AJAX的loada頁面的插件https://github.com/defunkt/jquery-pjax問題是它僅更新頁面上的一個容器，並且需要幾個。 以下代碼有效，但已棄用（第二個容器被延遲更新）。 如何優化同時加載的容器？

$(document).on("click", "a.item-link", (function (evt) {
      evt.preventDefault();
      var thisUrl = $(this).attr('href');
      $.pjax({
          url: thisUrl,
          container: '.pjax',
          fragment: '.pjax'
      });
      setTimeout(function() {
        $.pjax({
          url: thisUrl,
          container: '.box-mnu',
          fragment: '.box-mnu'
        });
      }, 1000);
  }));

Answer 1

嘗試使用.load() ，刪除setTimeout調用

  $(document).on("click", "a.item-link", (function (evt) {
      evt.preventDefault();
      var thisUrl = $(this).attr('href');
      $(".pjax").load(thisUrl);
      $(".box-mnu").load(thisUrl);
  });

Answer 2

在代碼中刪除setTimeout調用。

$(document).on("click", "a.item-link", (function (evt) {
      evt.preventDefault();
      var thisUrl = $(this).attr('href');
      $.pjax({
         url: thisUrl,
         container: '.pjax',
         fragment: '.pjax'
      });
      $.pjax({
         url: thisUrl,
         container: '.box-mnu',
         fragment: '.box-mnu'
      });
}));

Answer 3

$(document).pjax('.pjax-link', '.first-container', {fragment: '.first-container'});
$('.pjax').on('pjax:success', function () {
    $.pjax({
        url: window.location.href,
        container: '.second-container',
        fragment: '.second-container'
    });
});