javascript - 如何简化示例中的 jQuery 代码？

Question

有一个AJAX加载页面的插件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);
  });