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

JQuery: Disabling top menu for sliding tabs

本文关键字：顶部 菜单 选项 JQuery      更新时间：2023-09-26

我离我的目标越来越近了。但是我在禁用滑动选项卡的顶部菜单时遇到困难。我的目标是用户将仅通过上一个/下一个控件导航选项卡。 我的代码仍然没有禁用顶部菜单。任何建议为什么？吉斯菲德尔

谢谢

*简讯

<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>

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

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

将 next 作为带有 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/

相关文章：