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의 탭을 초기화 할 때처럼) 이스케이프를 사용할 필요가 이름에 점이있는 요소를 선택하기 때문에 문제입니다. 그리고 분명히 Tab JS 구현은 그렇게하지 않습니다. 탭 그룹 수준에서 할 수는 있지만 탭 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