jquery UI选项卡使用DIV而不是UL进行导航

时间:2009-08-07 00:29:40

标签: javascript jquery-ui tabs

我对JS有点新意,这让我像疯了一样挠头。

我想使用带有一堆锚点的DIV进行导航而不是强制性(我认为?)UL。

我找到了这样做的代码,但我似乎无法理解它。

    this.list = this.element.children('ul:first');
    this.lis = $('li:has(a[href])', this.list);
    this.anchors = this.lis.map(function() { return $('a', this)[0]; });
    this.panels = $([]);

现在,改变

ul:first

div:first 

有效,但我还是要将所有的A包裹在LI中。 这必须发生在第二行,但我真的无法弄清楚如何处理它。

我知道这是一个相当大的脚本的一小部分,但我希望它能做到。 所有代码都可以在ui.jquery.com上找到(你很可能已经知道了),如果需要,我可以发布剩下的代码。

非常感谢您的帮助。

目标是用一个只包含A的DIV替换UL和LI 这将使造型变得更加容易。

1 个答案:

答案 0 :(得分:1)

this.list = this.element.children('div');
this.lis = $('a[href]', this.list);
this.anchors = $('a[href]', this.list);
this.panels = $([]);

试试这个。

  

我很快就说了一点,但很容易解决。只需将其添加到可能正在寻找它的任何其他人。 Chacha的解决方案有效,但选中它们时,不会为它们分配适当的类。这是通过从ui.tabs.js中的第273和281行删除.closest('li')来解决的。这将很好地修复它,你可以像平常一样使用这些类。 - Mathias Nielsen 12分钟前