2014-07-23 3 views
0

링크를 클릭 할 때 웹 페이지에서 특정 탭을 열려고합니다. 뿐만 아니라 앵커 태그처럼 클릭 한 번으로 페이지를 스크롤해야합니다. 다음 제품 제목 아래 황금 별에링크를 클릭하면 제품 탭을 열 수 있습니까?

http://www.lifestyleclotheslines.com.au/hills-portable-170-clothesline/

내가 일하고 있어요 링크가 파란색 '154 개 리뷰'링크입니다 :

는 여기에 내가 일하고 있어요 페이지입니다. 이 버튼을 클릭하면 아래의 '리뷰 (140)'탭을 열고 해당 영역으로 스크롤해야합니다.

는 여기에 현재 링크 감싸 것을 : 그것은 전혀 작동하지 않습니다

<a onclick="ActiveProductTab('ProductReviews_Tab'); window.scrollTo(0,jQuery('#ProductReviews').offset().top); return false; ">154 reviews</a> 

내가 클릭하면, 아무 일도 일어나지 않습니다.

아이디어가 있으십니까? 감사!

답변

2

)를 참조하십시오 :

<a onclick="$('#ReviewsTabLink').click(); 
$('html, body').animate({ 
      scrollTop: $('#ReviewsTabLink').offset().top + 'px' 
     }, 'fast'); ">154 reviews</a> 

그것은 귀하의 사이트에서 작동합니다. 나는 지금 시험했다.

+0

완벽하게 작동합니다. 보너스였던 애니메이션도 추가했습니다. 정말 고마워 – aaronegan

0

검토 탭 헤더의 ID는 ReviewsTabLink이므로 클릭 이벤트를 수동으로 트리거 할 수 있습니다 (탭에서 사용 된 플러그인이 표시되지 않습니다. 탭에서 플러그인을 사용했다면 볼 수 있습니다). jQuery UI tabsactive option 같은 활성 탭을 설정하는 옵션이있는 경우 그 문서는 당신이 코드를 사용할 수 있습니다

jQuery('#ReviewsTabLink').click() 
관련 문제