代码之家  ›  专栏  ›  技术社区  ›  Chris Simpson

jQueryUI选项卡:如何从另一个页面直接导航到选项卡?

  •  8
  • Chris Simpson  · 技术社区  · 15 年前

    jquery ui选项卡由无序列表中的命名锚实现。将鼠标悬停在其中一个选项卡上时,可以在浏览器底部显示的链接中看到:

    http://mysite/product/3/#orders
    

    例如,上面是“订单”选项卡。jquery显然会截获点击这个锚,并打开选项卡。

    但是,如果我将上面的链接加上书签,或者从站点的其他地方链接到该链接,则页面不会在特定选项卡上打开。

    在选项卡初始化块中,我正在考虑放入一些代码,这些代码在URL中查找已命名的锚,如果找到锚,则对选项卡进行索引查找并调用其上的select。这意味着它仍然可以在关闭JS的情况下工作。

    但是有没有更容易/更好/更好的方法?

    4 回复  |  直到 12 年前
        1
  •  9
  •   hunter    15 年前

    找到这个例子 here :

    if(document.location.hash!='') {
        //get the index from URL hash
        tabSelect = document.location.hash.substr(1,document.location.hash.length);
        $("#my-tabs").tabs('select',tabSelect-1);
    }
    
        2
  •  5
  •   Roman    12 年前

    自1.8版起,jquery用户界面支持此功能。请参见下面的示例:

    1. Second tab active by default
    2. Third tab active by default
        3
  •  3
  •   Community CDub    7 年前

    在1.8之前的jquery ui版本中(不含1.8),这几乎是您必须要做的事情。选项卡扩展名(afaik)不知道根据它初始化的锚点(页面加载时)进行切换,因此您必须手动执行该位(当然,在就绪事件中)。

    AS another answer 指示jquery ui 1.8中选项卡的新版本 supports bookmarking out of the box .

        4
  •  0
  •   Jason    15 年前

    我使用会话插件在自定义选项卡类中完成此任务