jquery選項卡組ID

Question

我遇到了jQuery UI選項卡腳本沒有選取帶有點「」的選項卡的問題。以他們的名字（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>​ 

這工作，因爲它使用了錨的hash作爲選擇的標籤，所以你只需要選擇這可以找到你想要的標籤。 You can see a working example here