Jquery: как получить ссылку href и перейти / щелкнуть / активировать эту ссылку во вкладке - PullRequest
Новая
       8

Jquery: как получить ссылку href и перейти / щелкнуть / активировать эту ссылку во вкладке

0 голосов
/ 15 июня 2011

У нас уже есть готовый таббер - это jquery с этим HTML-кодом

Навигация 

 <ul class="tabber">
          <li><a href="#tab1">...</a></li>  
          <li><a href="#tab2">...</a></li>  
          <li><a href="#tab3"..</a></li>
        </ul>
      </aside><!-- end aside-->

Содержание 

<div id="tab1" class="tab_content">
  <div class="products">
    <h6><a href="#tab1">...</a></h6>
  </div>
  <div class="products">
    <h6><a href="#tab2">...</a></h6>
  </div>
  <div class="products">
    <h6><a href="#tab3">...</a></h6>
  </div>    
</div><!-- end tab content 1 -->

<div id="tab2" class="tab_content">
  ...
</div><!-- end tab content 2 -->

<div id="tab3" class="tab_content">
  ...
</div><!-- end tab content 3 -->

Код jquery: 

$(document).ready(function() { 
    //Default Action
    $('.tab_content').hide(); //Hide all content
    $('ul.tabber li:first').addClass('active').show(); //Activate first tab
    $('.tab_content:first').show(); //Show first tab content    
    //On Click Event
    $('ul.tabber li').click(function() {
        $('ul.tabber li').removeClass('active'); //Remove any 'active' class
        $(this).addClass('active'); //Add 'active' class to selected tab
        $('.tab_content').hide(); //Hide all tab content
        var activeTab = $(this).find('a').attr('href'); //Find the rel attribute value to identify the active tab + content
        $(activeTab).fadeIn(); //Fade in the active content
        return false;
    });
});

мы хотим скопировать ссылку href, тогда jquery щелкнет по нашей навигации

1 Ответ

0 голосов
/ 15 июня 2011

Я не могу вас понять, но, возможно, вы хотите использовать ссылки, такие как /mypage#tab1,/mypage#tab2...?

...