我想通过下一个/上一个功能控制选项卡。我正在使用我在此WEBSITE中找到的一组特定标签。我试图申请的方法是在这个css-tricks WEBSITE中找到的。我已经复制了我的例子中的所有内容,但我没有得到所需的结果或任何结果。任何人都可以解释为什么它不起作用?谢谢。jQuery UI选项卡与下一个/上一个
的jQuery的一个/上一个功能
<script type="text/javascript">
$(function() {
var $tabs = $('#convertThis').tabs();
$(".ui-tabs-panel").each(function(i){
var totalSize = $(".ui-tabs-panel").size() - 1;
if (i != totalSize) {
next = i + 2;
$(this).append("<a href='#' class='next-tab mover' rel='" + next + "'>Next Page »</a>");
}
if (i != 0) {
prev = i;
$(this).append("<a href='#' class='prev-tab mover' rel='" + prev + "'>« Prev Page</a>");
}
});
$('.next-tab, .prev-tab').click(function() {
$tabs.tabs('select', $(this).attr("rel"));
return false;
});
});
</script>
HTML
<div id="convertThis">
<div id="tabs">
<div rel="a" href="#a" title="./img/icons/accept.png">Lorem</div>
<div rel="b" href="#b" title="./img/icons/add.png">Ipsum</div>
<div rel="c" href="#c" title="./img/icons/application_home.png">Dolor</div>
</div>
<div id="divs">
<div id="a" class="ui-tabs-panel">
Content for tab item
</div>
<div id="b" class="ui-tabs-panel">
Content for tab item
</div>
<div id="c" class="ui-tabs-panel">
Content for tab item
</div>
</div>
</div>
噢好吧,我知道我正在使用div。我认为可能有一种方法可以用div来做到这一点。谢谢。 – CodingWonders90