Question

AJAX https://github.com/defunkt/jquery-pjax的loada页面有一个插件问题是它只更新页面上的一个容器，需要一些容器。以下代码有效，但它已弃用（第二个容器更新时有延迟）。如何优化同时加载的容器？

$(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'
    });
});

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

3 个答案: