2012-04-30 5 views
0

У нас есть неупорядоченный список, и при событии клика нам нужно получить доступ к определенному якорю внутри вкладки. Внутри вкладки есть 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 и прокрутить до имени. это возможно?

ответ

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

вы можете использовать $ (это), чтобы refrence в данный момент щелкнул <li> внутри функции $(a-credit) щелчка. Вы можете использовать что-то вроде $(this).attr("href");, чтобы получить текущую целевую ссылку.

редактировать (после того, как обновленный вопрос): использовать для прокрутки к элементу, внутри вашего события нажатия

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

Где это пойти? – runners3431

+0

Проблема заключается в том, что мы хотим, чтобы выбранная вкладка открывалась, а затем прокручивается до текста привязки. – runners3431

+0

@ user995864 проверить мой обновленный код – jaredrada

Смежные вопросы