2012-03-13 2 views
0

jQuery 도구 탭 v1.2에서 문제가 발생했습니다. 아래에 문제를 보여 드리겠습니다.jQuery Tools 탭 - 명명 된 앵커?

<ul class="tabs"> 
<li><a href="#anchor">This is an item</a></li> 
<li><a href="#anchor">This is an item</a></li> 
<li><a href="#anchor">This is an item</a></li> 
</ul> 

<h1><a name="anchor></a>This Is The Header Where The Anchor Resides</h1> 
<div class="panes"> 
<div>Here's the first item's content</div> 
<div>Here's the second item's content</div> 
<div>Here's the third item's content</div> 
</div> 

내가하려는 것은 각 항목을 클릭하면 새로운 내용으로 드롭되므로 새로운 div가 나타납니다. 그냥 클릭 만하고 창을 새 DIV 맨 위에 놓는 대신에.

문제가 있습니까? 나는 jQuery Tools> Tabs Script가 플러그인 내에서 자동으로 return false;을 수행한다고 믿을만한 이유가 있습니다. 링크 속성 내에서 href="#anchor"을 던질 수 없습니다. 창/페이지의 위치를 ​​통해 나타나지 않고 주소 표시 줄에 나타나지 않습니다.

jQuery Tools 'Forums로 직접 가서 물어 보았지만 포럼/지원이 파산 된 것처럼 보입니다. 웹 사이트의 나머지 부분과 마찬가지로 Stack Overflow가 궁극적으로 더 뛰어났습니다. 과거에 나를 훨씬 잘 대우 해주었습니다.

당신은 여기 탭 시스템을 볼 수 있습니다 http://jquerytools.org/demos/tabs/index.html

당신은 여기 탭 시스템 설명서 볼 수 있습니다 http://jquerytools.org/documentation/tabs/index.html

당신은 여기 탭 시스템 jQuery를/자바 스크립트를 볼 수 있습니다을 : http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js

도와 주셔서 감사합니다!

+1

li href –

+0

@EvilP : 감사합니다. StackOverFlow 질문에 적용 할 때 태그를 잊어 버렸습니다. 결정된! :) –

답변

0
jQuery().ready(function() { 
     jQuery('ul.tabs a').click(function(){ 
       jQuery(window).scrollTop(jQuery('a[name="anchor"]').position().top); 
     }); 
} 

이 그것을 삭제하면서. 이것은 대답이었다! :). 정말 고맙습니다!

또한 친숙한 URL이있는 MODx도 실행 중입니다. 그래서 이것은 트릭을했습니다.

관련 문제