2010-02-04 152 views
0

我有以下的代碼來生成jQuery用戶界面標籤:jQuery UI的標籤 - 自定義「加載程序」在AJAX標籤

<div id="tabs-loading-message" style="display:none">Loading, Please wait..</div> 
<div id="fragment-2"> 
    <ul> 
     <li><a href="/public/animalstab" title="Animals"><span>Animals</span></a></li> 
     <li><a href="/public/birdstab" title="Birds"><span>Birds</span></a></li> 
    </ul> 
</div> 
<script type="text/javascript"> 
$(function() { 
    $("#tabs-loading-message").show();  
     $('#fragment-2').tabs(
    { 
     cache:false, spinner:'', selected: 0 , 
     select: function(event,ui) { 
      //show spinner 
      $("#tabs-loading-message").show();     
     }, 
     load: function() { 
      // hide spinner 
      $("#tabs-loading-message").hide();    
     } 
    } 
); 
}); 

</script> 

我能夠顯示加載消息,但我怎麼能隱藏的內容標籤面板,當它被選中並顯示內容加載時?

+0

沒人有意見嗎? :( – Jake 2010-02-04 21:21:10

回答

3

你可以從阿賈克斯趕上成功事件:

.tabs({ajaxOptions: {success: function() { 
    $("#tabs-loading-message").hide(); 
}}});