我需要在单击 Next 和 Prev html 按钮时为 jquery 选项卡提供 Next、Prev 功能。我在用jquery.1.9.1.js
and jquery-ui-1.10.2.custom.js
文件。我已经实现了下面的代码,但对我不起作用。
<script language="javascript" type="text/javascript">
$(function () {
$("#ui-tabs").tabs();
function GetSelectedTabIndex() {
return $('#ui-tabs').tabs('option', 'selected');
}
function ShowTabs(stepNum) {
var num = parseInt(stepNum);
$('#ui-tabs').tabs('option', 'active', parseInt(GetSelectedTabIndex()) + num);
}
$('#prev').click(function () {
ShowTabs(-1);
})
$('#next').click(function () {
ShowTabs(-1);
})
});
</script>
<div id="ui-tabs">
<ul>
<li><a href="#tabs-1">Nunc tincidunt</a></li>
<li><a href="#tabs-2">Proin dolor</a></li>
<li><a href="#tabs-3">Aenean lacinia</a></li>
</ul>
<div id="tabs-1">Tab1 content </div>
<div id="tabs-2">Tab2 content </div>
<div id="tabs-3">Tab3 content </div>
</div>
<a id="prev" class="button-style" href="#">Prev</a>
<a id="next" class="button-style" href="#">Next</a>
But GetSelectedTabIndex
返回空值。执行过程中出了什么问题。请建议。
这对我有用:
$( "#ui-tabs" ).tabs();
function GetSelectedTabIndex() {
return $('#ui-tabs').tabs('option', 'selected');
}
function ShowTabs(stepNum) {
var num = parseInt(stepNum);
$('#ui-tabs').tabs('option', 'active', parseInt(GetSelectedTabIndex()) + num);
}
在我看来,使用$tabs
变量,因为它是您的本地变量GetSelectedTabIndex
函数,并且每个函数调用仅使用一次......
Demo: http://jsfiddle.net/darkajax/A8ejN/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)