Question

  //when document loads
   $(document).ready(function() {

    //navigation item is clicked
     $('.nav_item').click(function() {

    //get the clicked nav items id
    var nav_item = $(this).attr("id");
    var location_to_load = nav_item + '.html';

   //load the loading html then the page
   $('#sliding_content_container').load('loading.html', null, showResponse);

   //load the page
   function showResponse(){
    $('#sliding_content_container').delay(900).load(location_to_load);
   };

   //dont refresh
   return false;
   }); 
   });

嘿，我正在学习Jquery，只是想知道为什么我不能调用“加载页面”然后延迟目的地，似乎我尝试的一切都不起作用，例如添加.delay或链接功能..

任何帮助都会很棒，我给jquery一个很好的旧裂缝。

感谢

Answer 1

delay method用于制作动画它会向动画队列添加延迟项，延迟在其后调用的任何动画它不会影响正常方法。

相反，你应该调用setTimeout function，如下所示：

$('#sliding_content_container').load('loading.html', null, function() {
    setTimeout(function() { 
        $('#sliding_content_container').load(location_to_load);
    }, 900);
});

Answer 2

要延迟工作，您需要使用队列进行下一次调用以加载showResponse()。

function showResponse(){
    $('#sliding_content_container')
      .delay(900)
      .queue(
        function()
        {
          var $this = $(this);
          $this
            .load(
              location_to_load,
              false,
              function()
              {
                $this.dequeue();
              }
            );
        }
      );
};

如果你愿意，你也可以使用“fx”以外的队列，以防你知道这个队列通常用于动画。

Answer 3

这是正常的，你不能用.delay（）; 默认情况下，AJAX是异步的（有时它有助于检查技术的缩写是什么意思）。自从我使用jQuery以来，已经有相当多的时间了，但据我记得.ajax请求应该是合适的。 http://api.jquery.com/jQuery.ajax/

Jquery：通过AJAX加载HTML页面然后加载另一个html页面

3 个答案: