Question

我想将我的标签链接列表放在我网站的顶部，并让它更改底部的内容。这些将在两个单独的div中。这可能吗？我找不到任何文件说它可以，只是他们必须在同一个div。我不想诉诸于一堆绝对定位的元素。 THX

Answer 1

您可以使用以下代码修改JQuery-UI窗口小部件以将选项卡和内容窗格分离：

$.widget( "ui.tabs", $.ui.tabs, {
    _getPanelForTab: function( tab ) {
        var id = $( tab ).attr( "aria-controls" );
        return $( this._sanitizeSelector( "#" + id ) );
    }
});

在tabs.ui小部件中，_getPanelForTab方法开始在tab div中搜索具有正确ID的元素。在此修改方法中，将在整个页面中搜索具有正确ID的元素。

如果您不想在所有页面上覆盖其行为，也可以基于ui.tabs小部件创建新小部件。请参阅：How to extend a jquery ui widget ? (1.7)

Answer 2

您想要将标签本身与内容窗格分开吗？这相当违背了使用标签式视图的目的;听起来你想要更像导航菜单的东西。

也就是说，您可以在jQuery UI选项卡上使用一些自定义CSS来完成您想要的任务。

基本示例：http://jsfiddle.net/mattball/eyQuM/

你可以在单独的包含div中使用jQuery UI选项卡吗？

2 个答案: