下面的代码,当我单击选项卡时,我会发布帖子并在选项卡中显示结果。在某些情况下,我想强制选择选项卡,但不仅选择该选项卡,而且选择该选项卡+执行单击它时执行的代码。
在我的示例中,我喜欢选择第二个选项卡 (jLikeToSet = 1) 并执行代码:
$.post('/Home/e2', function (data) {
$('#tabs-2').html(data);
});
jQuery :
var $tabs = $("#tabs").tabs();
var jLikeToSet = 1
$("#tabs").bind('tabsselect', function (event, ui) {
switch (ui.index) {
case 0:
$.post('/Home/e1', function (data) {
$('#tabs-1').html(data);
});
break;
case 1:
$.post('/Home/e2', function (data) {
$('#tabs-2').html(data);
});
break;
case 2:
$.post('/Home/e3', function (data) {
$('#tabs-3').html(data);
});
break;
}
});
HTML:
<div id="tabs">
<ul>
<li><a href="#tabs-1">Screen 1</a></li>
<li><a href="#tabs-2">Screen 2</a></li>
<li><a href="#tabs-3">Screen 3</a></li>
</ul>
<div id="tabs-1"></div>
<div id="tabs-2"></div>
<div id="tabs-3"></div>
</div>
我怎样才能做到这一点 ?
Thanks,
更新1:
我尝试使用这段代码:$('#tabs').tabsClick(1);
但没有工作,样品来自这里http://www.eduteka.org/ajax/tabs3/ http://www.eduteka.org/ajax/tabs3/
要以编程方式选择选项卡,请使用以下命令调用此函数jLikeToSet
arg:
function selectTab(jLikeToSet){
$("#tabs").tabs( "select" , jLikeToSet);
}
这个函数执行的时候就好像你手动选择了一样,那么里面是什么.bind('tabsselect'
将被执行。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)