有一个用于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);
  }));

最佳答案

尝试使用.load(),删除setTimeout调用

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

关于javascript - 如何简化示例中的jQuery代码?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/35065077/

10-09 22:03