如何在jquery ui-tabs中更改链接的哈希标记

Question

我的文档中有很少的jquery选项卡，例如

<div id="doc-tabs">
<ul id="doc-list">
<li><a  href="{{media_root}}api/api.html" >Introduction</a></li>
<li><a  href="{{media_root}}api/auth.html" >Authentication</a></li>
</ul>
</div>

我使用jquery

将它们转换为制表符

$('#doc-tabs').tabs()

问题是jquery将所有href转换为#ui-tabs1之类的东西，有没有办法在不破坏标签的情况下覆盖这种行为，基本上我想传递我自己的描述性名称，例如#api代替#ui-tabs1

Answer 1

我会查看idPrefix选项说明：

  

如果远程选项卡，其锚元素没有title属性   为了生成id，从中创建id / fragment标识符   前缀和唯一ID

这使我相信您可以在每个链接上指定title属性以指定片段（可能是您要查找的内容），或者如果适用，您可以为每个片段指定一个公共前缀。