jquery ui tabs 调用ajax的时候beforeSend的函数为什么只执行一次?


我在使用jquery ui tabs的时候,每个tab第一次点击就会执行beforeSend函数。 而第二次再点击的时候就不会执行beforeSend函数了。因为我在beforeSend函数里写了loading效果。 我就是想每次点击都会先弹出loading效果,然后再输出内容。 不知道为什么,第二次点击tab的时候,里面的数据会实时更新,但就是不会调用beforeSend函数。 下面是jquery主要代码:

   
  <script language="javascript">
  
$(document).ready(function() {
var tabOpts = {
show:{ effect: "fade", duration: 200 },
hide:{ effect: "fade", duration: 200 },
ajaxOptions:{ cache:false, beforeSend:loadings() }};
$.ajaxSetup({cache:false});
$( "#container" ).tabs(tabOpts);
$( "#jq_ui_tabs_two" ).tabs(tabOpts);
function loadings(){
$('.loadings').html('<div class="loads"><div id="circularG"><div id="circularG_1" class="circularG"></div><div id="circularG_2" class="circularG"></div><div id="circularG_3" class="circularG"></div><div id="circularG_4" class="circularG"></div><div id="circularG_5" class="circularG"></div><div id="circularG_6" class="circularG"></div><div id="circularG_7" class="circularG"></div><div id="circularG_8" class="circularG"></div></div></div>');
}

});
</script>

我需要的效果就是每点一次tab,就会先出来loading,然后再淡出内容。

jquery jQueryUI

豆芽Dsoul 10 years, 8 months ago

Your Answer