javascript - Jquery 滑动选项卡-如何禁用顶部菜单？

Question

我正在尝试禁用 jquery 滑动选项卡的顶部菜单。我希望选项卡之间的操作仅与上一个/下一个操作。

请查看我的Live Demo 。

Jquery:

<script>
$(document).ready(function() {
    // Horizontal Sliding Tabs demo
    $('div#st_horizontal').slideTabs({
        // Options              
        contentAnim: 'slideH',
        contentAnimTime: 600,
        contentEasing: 'easeInOutExpo',
        tabsAnimTime: 300
    });

    $(".st_tab_view").each(function(i) {
        var totalSize = $(".st_tab_view").size() - 1;
        if (i != totalSize) {
            next = i + 2;
            $(this).append("<a href='#' class='next-tab mover' rel='" + next + "'>Next Page &#187;</a>");
        }
        if (i !== 0) {
            prev = i;
            $(this).append("<a href='#' class='prev-tab mover' rel='" + prev + "'>&#171; Prev Page</a>");
        }
    });

    $('.prev-tab').click(function() {
        $('.st_tab_active').parent().prev().children('a').trigger('click');
        return false;
    });

    $('.next-tab').click(function() {
        $('.st_tab_active').parent().next().children('a').trigger('click');
        return false;
    });


});​
</script>

Answer 1

"

水平选项卡#1

像这样修改你的jquery -

$('.prev-tab').click(function() { $('.st_tab_active').attr('禁用','禁用'); var tab= $('.st_tab_active').parent().prev().children('a'); tab.removeAttr('已禁用'); tab.trigger('点击'); //tab.attr('禁用','禁用'); 返回假； });

$('.next-tab').click(function() {
    $('.st_tab_active').attr('disabled','disabled');
   var tab=  $('.st_tab_active').parent().next().children('a');
    tab.removeAttr('disabled');
    tab.trigger('click');
    //tab.attr('disabled','disabled');
    return false;
});

"