[英]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.