Question

我们已经完成了一个使用此HTML代码的jquery

导航

 <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会有人会点击我们的导航

Answer 1

我无法理解你，但也许你想要使用/ mypage＃tab1，/ mypage＃tab2等链接？？

Jquery：如何获取href链接并在tabber中单击/激活该链接

1 个答案: