【问题标题】:Jquery: How to get a href link and go click/activate that link in a tabberJquery:如何获取href链接并在tabber中单击/激活该链接
【发布时间】:2011-06-15 06:18:54
【问题描述】:

我们已经用这个 html 代码完成了一个 tabber 是 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 是否有人会点击我们的导航

【问题讨论】:

  • 为什么不直接使用 jquery UI 选项卡?
  • 另外,你的问题真的没有意义......
  • 我们想要复制 href 链接然后 jquery 会不会有人会点击我们的导航 抱歉,我不明白你在问什么?
  • 对不起各位,稍后我会尝试重新表述我的问题。我现在有点着急。
  • 当有人单击其中一个选项卡时,您是否要加载 iframe 或框架..?像这样的东西:dynamicdrive.com/dynamicindex17/ajaxtabscontent

标签: jquery tabs navigation


【解决方案1】:

我听不懂你的意思,但也许你想使用 /mypage#tab1、/mypage#tab2...之类的链接?

【讨论】:

  • 我的意思是 &lt;h6&gt;&lt;a href="#tab1"&gt;...&lt;/a&gt;&lt;/h6&gt; 应该像导航链接上的 一样工作 &lt;ul class="tabber"&gt;
  • 哦,****。您有选项卡标题(标题)和选项卡内容。您的意思是要使用
    ...
    切换到另一个选项卡(例如在选项卡标题中)吗?
  • 您可以像处理选项卡标题一样处理选项卡链接。例如,您可以在内容链接和选项卡标题链接中使用相同的类,并为此类编写处理程序以切换选项卡
猜你喜欢
  • 2012-04-28
  • 2020-08-17
  • 1970-01-01
  • 1970-01-01
  • 2011-07-27
  • 1970-01-01
  • 2010-11-10
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多