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

更改以下CSS：

div.st_horizontal div.st_tabs_container { /* Tabs main container */        
    position:relative;
    /* This will hide it all together */
    display:none;
    z-index:100;    
    /* Or change with and heights */    
    width:0% !important;    
    height:0px;
    margin-bottom:-1px;    
    overflow:hidden;
}

或者，您可以在页面上添加更多CSS（在添加jQuery UI CSS之后），以保存覆盖默认CSS：

div.st_horizontal div.st_tabs_container {
    /* This will hide it all together */
    display:none;
    /* Or change with and heights */    
    width:0% !important;    
    height:0px;
}

否则，我建议您自己编写控件。

这两个中的任何一个都可以潜入jQuery代码！

Answer 2

“

水平标签＃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（'disabled'，'disabled'）; 返回false; }）;

$('.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;
});

“

Jquery Sliding Tabs-如何禁用顶级菜单？

2 个答案: