Question

在使用jQuery UI Tabs插件呈现选项卡式内容的页面中使用<base>标记时，该页面上的所有内容都会丢失。这是因为应用于标签的href属性＆＃39; ＆＃34;标题＆＃34;插件所依赖的元素。从插件的文档：

每个标签＆＃34;标题＆＃34;必须在列表项（<li>）内并包装具有<a>属性＆＃34;
的锚点{href）

以下是我的应用中的一个示例：

<li><a href="#productsSection"><span>Choose product</span></a></li>

我是否可以使用一种解决方法来初始化Tabs插件而不使用href属性？在我的头脑中，我相信依靠data-href属性会更好。

Answer 1

您可以使用以下代码段重建href投诉：

$(function () {
    $("#tabs").find('a').prop('href', function(){
        return window.location.href + $(this).attr('href');
    }).end().tabs(); // << initialize plugin HERE
});

如何在不使用＆＃39; href＆＃39;的情况下初始化jQuery UI选项卡属性？

1 个答案:

--See for example--