代码之家  ›  专栏  ›  技术社区  ›  mare

jquery选项卡组ID

  •  0
  • mare  · 技术社区  · 14 年前

    我对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>
    

    问题是,要选择一个名称中带有点的元素,需要使用转义符(就像我初始化选项卡组上的选项卡时一样)。显然tabs js实现并没有做到这一点。虽然我可以在tab group级别执行,但我不能向下执行,因为这是在tab s js文件中实现的,我不想修改它(如果可能的话)。

    1 回复  |  直到 14 年前
        1
  •  0
  •   Nick Craver    14 年前

    如果在链接的散列中转义,它将工作,如下所示:

    <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