Javascript 显示pjax请求上的加载文本

我有一个使用pjax加载页面的脚本。我想在发出请求时显示加载“加载…”文本，直到页面完全加载为止。当ajax调用时

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

在firebug控制台中，它发送此消息。所以我在想，也许有了beforesend和完整的函数，它是可行的。我对javascript知之甚少，所以也许你们中的一些人可以教我怎么做。

   <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()
   })

$（'a'）.pjax（'#main'）.live（'click'，function（））{
$（this.showLoader（））
})

您是正确的-您可以使用“beforeSend”显示“Loading…”消息，并使用“complete”事件将其删除：

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

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

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

正在加载。。。

---

希望这有帮助

杜德·泰恩。我用您的代码更新了代码，并在开始时添加了隐藏选项，这样它就不会在开始时显示，只在pjax调用时显示。：）<代码>$（文档）.ready（函数（）{$（'#加载'）.hide（）}）；//PJAX链接！connect（{'container'：'pageContent'，'beforeSend'：function（）{$（'#加载'）.show（）；}，'complete'：function（）{$（'#加载'）.hide（）；}）；//pjax.connect（'pageContent'，'pjaxer'）；//pjax.connect（'pageContent'）；//pjax.connect（）；很高兴我能帮上忙（-！uncaughttypeerror:$（…）.pjax（…）.live不是函数