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,然后再淡出内容。
豆芽Dsoul
10 years, 8 months ago