탭 안의 앵커에 액세스하는 방법

Question

정렬되지 않은 목록이 있고 클릭 이벤트 일 때 탭 안의 특정 앵커에 액세스해야합니다. 탭 안에는 7-8 앵커가 있습니다.

var $tabs = $('#tabbed-content').tabs(); // first tab selected 

$('.a-credit').click(function() { // bind click event to link 
$tabs.tabs('select', 1); // switch to 2nd tab 
return false; 
}); 



    <div id="tabbed-content"> 
      <ul> 
       <li><a href="#deadlines">Payment Deadlines</a></li> 
       <li><a href="#methods">Payment Methods</a></li> 
       <li><a href="#installments">Pay In Installments</a></li> 
      </ul> 


<div id="methods"> 
    <p><a name="1"></a>Content 1</p> 
    <p><a name="2"></a>Content 2</p> 
    <p><a name="3"></a>Content 3</p> 
    </div> 

정렬되지 않은 목록 링크를 클릭하면 탭 2가 활성화되고 이름으로 스크롤해야합니다. 그게 가능하니?

Answer 1

$(a).click(function(){ 
    var anchor = $(this).attr("href"); 
}) 

당신은이 현재 $(a-credit) 클릭 기능 내부 <li>을 클릭에 refrence에 $ (이)를 사용할 수 있습니다. $(this).attr("href");과 같은 것을 사용하면 현재 참조 대상을 가져올 수 있습니다.

편집 (후 업데이트 질문) : 어디이 가고 않습니다, 당신의 요소에 클릭 이벤트

$('html, body').animate({ 
    scrollTop: $($(this).attr('href')).offset().top 
}, 2000);