使用另一页面的链接激活选项卡

时间:2017-02-24 02:20:43

标签: javascript jquery html css

单击其他页面上的链接时如何激活选项卡,如:

当我点击www.wakeke.com#go-to-tab2时,页面将转到www.wakeke.com#go-to-tab2并且标签2已激活。

这是我的样本:

<div class="section group">

    <div class="col span_1_of_4">  <!-- tab 1 -->
    <a href="www.wakeke.com#business"><img src="http://wakeke.com/media/wysiwyg/call_center.png" alt="" /></a>
<h3>sample</h3>
<p>sample/p>
    </div>

    <div class="col span_1_of_4">  <!-- tab 2 -->
    <a href="www.wakeke.com#marketing"><img src="http://wakeke.com/media/wysiwyg/marketing.png" alt="" /></a>
<h3>sample</h3>
<p>sample/p>
    </div>
</div>

以下是标签代码:

<div class="tabbable tabs-left">
        <ul class="nav nav-tabs">
          <li  class="active"><a href="#business"  data-toggle="tab"><img src="http://wwww.wakeke/media/wysiwyg/call_center_thumb.png" alt="" />
          <div class="job-desc">
          <h4>sample</h4>
          <h5>sample</h5>
           </div>
          </a></li>

<li><a href="#marketing" data-toggle="tab"><img src="http://www.wakeke/media/wysiwyg/business_dev_thumb.png" alt="" />
          <div class="job-desc">
 <h4>sample</h4>
          <h5>sample</h5>
           </div>
</a></li>
</ul>
</div>

这是图像样本: 当我点击图片时: image1 它将转到另一个页面并激活选项卡 image 2

请帮帮我。 :) 谢谢

0 个答案:

没有答案