[英]Jquery UI tabs - Custom “Loader” for AJAX tabs
我有以下代碼來生成Jquery UI選項卡:
<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>
我能夠顯示正在加載的消息,但是如何隱藏選項卡面板的內容(選中該面板時),以及如何在加載時顯示內容?
您可以從ajax捕獲成功事件:
.tabs({ajaxOptions: {success: function() {
$("#tabs-loading-message").hide();
}}});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.