Question

我有一个使用pjax加载页面的脚本。我想在请求时显示加载“loading ...”文本，并显示直到页面完全加载。当ajax打电话时......

        pjax.connect({
        'container': 'pageContent',
        'beforeSend': function(){console.log("before send");},
        'complete': function(){console.log("done!");}
    });

在firebug控制台中发送此消息。所以我想也许，有了前期和完整的功能，它是可行的。我对javascript知之甚少，所以也许你们中的一些人可以告诉我如何做到这一点。

Answer 1

你是对的 - 你可以使用'beforeSend'来显示'Loading ...'消息，并使用'complete'事件来删除它：

  pjax.connect({
    'container': 'pageContent',
    'beforeSend': function(){ $('#LoadingMSG').show(); },
    'complete': function(){ $('#LoadingMSG').hide();}
  });

这假设您有一个ID设置为LoadingMSG的元素：

<div id='LoadingMSG'>Loading...</div>

希望这有帮助！

Answer 2

   <div id='main'>
     <div class='loader' style='display:none'><img src='spin.gif'></div>
     <div class='tabs'>
       <a href='/explore'>Explore</a>
       <a href='/help'>Help</a>
     </div>
   </div>


   $('a').pjax('#main').live('click', function(){
     $(this).showLoader()
   })

显示在pjax请求上加载文本

2 个答案: