Question

我遇到了jQuery UI Tabs脚本的问题，该脚本没有选择带有点“。”的标签。在他们的名字（ID）。

例如：

<script type="text/javascript">
    $(function () {
        $("#tabgroup\\.services").tabs();
    });
</script>

<div id="tabgroup.Services">
    <ul>

        <li><a href="#tab.service1">
            Service 1 title</a></li>

        <li><a href="#tab.service2">
            Service 2 title</a></li>

    </ul>

<div id="tab.service1">
    <p>content</p>
</div>

<div id="tab.service2">
    <p>content</p>
</div>

</div>

问题是因为要选择名称中带有点的元素，您需要使用转义（就像我在tabgroup上初始化选项卡时那样）。显然Tabs JS的实现并没有这样做。虽然我可以在选项卡组级别执行此操作，但我无法降低它，因为它是在Tabs JS文件中实现的，我不想修改它（如果可能的话）。

Answer 1

如果你在链接的哈希中逃脱它，它将起作用，如下所示：

<div id="tabgroup.services">
<ul>
    <li><a href="#tab\.service1">
        Service 1 title</a></li>
    <li><a href="#tab\.service2">
        Service 2 title</a></li>
</ul>
<div id="tab.service1">
    <p>content</p>
</div>
<div id="tab.service2">
    <p>content</p>
</div>
</div>

这是有效的，因为它使用锚点的哈希作为选项卡的选择器，因此您只需要一个可以找到所需选项卡的选择器。 You can see a working example here

jquery选项卡组ID

1 个答案: