JQuery:禁用顶部菜单以滑动选项卡

时间:2012-06-26 00:45:22

标签: javascript jquery

我越来越接近我的目标了。但是我在禁用滑动标签的顶层菜单时遇到了困难。我的目标是用户只能通过上一个/下一个控件导航选项卡。一些我的代码仍然没有禁用顶部菜单。有什么建议吗? JSFIDDLE

谢谢

*的 JQUERY

<script>
    $(document).ready(function() {

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

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

         });
  </script>  

1 个答案:

答案 0 :(得分:1)

该插件看起来像具有外部链接功能

在此处查看http://codecanyon.net/item/sliding-tabs-jquery-plugin/full_screen_preview/141774

使用href =“#tab_2”

将下一个作为外部链接
<a href="#tab_2">Next</a>
<a href="#tab_1">Prev</a>

当用户点击下一步时,它会移到tab_2并更新#tab_3旁边的链接和prev链接到#tab_1

需要更改HTML / CSS和JS

请参阅此小提琴http://jsfiddle.net/sabithpocker/PS336/104/