[英]set anchor tags for particular tab in a section of webpage
由于这是一个简单的问题,我想不需要粘贴整个代码。
我在左侧的导航部分中设置了定位标记,以便将我带到站点中的不同部分,例如home, about, contact
等。
在联系方式部分,我有三个选项卡,例如location, address, contact
相同。
因此,当我单击导航菜单中的联系人时,它应该带我到联系人部分中的“位置”选项卡。 确实做到了。 但是它仅在重新加载页面时这样做。
当我单击“联系方式”部分中的“地址”选项卡时,返回首页,然后再次单击导航列表中的“联系方式”菜单,它会显示我地址的内容而不是位置。 我需要联系人菜单每次都带我进入联系人部分的“位置”选项卡,而不仅是在页面重新加载时。
http://s133036305.onlinehome.us/#home
导航菜单(侧栏):
<div id="navigation" class="span3">
<div class="tabbable tabs-left">
<ul class="nav nav-tabs" style "width: 220px;">
<li class="active"><a href="#home" data-toggle="tab"> Home </a></li>
<li><a href="#about" data-toggle="tab"> About Us </a></li>
<li><a href="#service" data-toggle="tab"> Services </a></li>
<li><a href="#contact" data-toggle="tab"> Contact </a></li>
</ul>
<div class="tab-content">
</div>
</div>
</div>
联系部门:
<div class="tabbable">
<!-- Only required for left/right tabs -->
<ul id="contact" class="nav-tabs">
<li class="active"><a href="#tab1" data-toggle="tab">
<h2>Address</h2>
</a></li>
<li><a href="#tab2" data-toggle="tab">
<h2>Location</h2>
</a></li>
<li><a href="#tab3" data-toggle="tab">
<h2>Contact</h2>
</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab1">
<ul style "list-style-type:none; height:500px;">
<li> Corporate Building </li>
<a href "www.leadgp.org" target="_blank">
<li> www.leadgp.org </li>
</a>
<li> No.143, </li>
<li> Dr.Jaganathan Nagar, </li>
<li> 1st Street, </li>
<li> Civil Aerodrome Post, </li>
<li> Coimbatore-641014. </li>
</ul>
</div>
<div class="tab-pane" id="tab2">
<div class "map" p">
<div id="map" style="width: 760px; height: 500px; background: url(http://geofinder.web4you.com.pl/template/loader.gif); background-repeat: no-repeat; background-position: center;">
</div>
<div style="padding-top:10px; text-align: right; width: 790px;">
</div>
</div>
<br>
<br>
</div>
<div class="tab-pane" id="tab3">
<form method="get" action="MAILTO:mail@Datacrawl.org" method="post" enctype="text/plain" id="contact-form" class="form-horizontal form1" style "height: t: 500px; <div class="control-group">
<label class="control-label" for="name"> Name* </label>
<div class="controls">
<input style "height: t: 30px;" type="text" class="span3" name="name" id="name">
</div>
</div>
<div class="control-group">
<label class="control-label" for="email"> Email </label>
<div class="controls">
<input type="text" class="span3" name="email" id="email">
</div>
</div>
<div class="control-group">
<label class="control-label" for="address">Address</label>
<div class="controls">
<textarea class="span3 required" name="address" id="address" rows="3"></textarea>
</div>
</div>
<div class="control-group">
<label class="control-label" for="number"> Phone </label>
<div class="controls">
<input style "height: t: 30px;" type="text" class "span3" 3" name "number" r" id "number" r">
</div>
</div>
<div class="control-group">
<label class="control-label" for="comments"> Message </label>
<div class="controls">
<textarea class "span3" 3" name "comments" s" id "comments" s" rows "3" 3"></textarea>
</div>
</div>
<div class="form-actions">
<button type="submit" class="submit btn btn-primary" style "font-family: 'droid sans', sans-serif;">Submit</button>
</div>
</form>
</div>
</div>
您的(锚定)链接链接到哪里? 通常,您会获得实际用于单击的链接,例如:
前往位置
单击后,您将拥有指向页面的锚定链接,如下所示:
<a name="location"></a>
要澄清一下,您想要的是将菜单中的“联系人”链接链接到联系人部分中的特定标签?
因此,如果您选择了“ Hello”,然后再次单击联系人链接,它将重置为默认选项卡?
如果是这样,您可以在每次点击“与我们联系”链接时使用javascript / jQuery单击默认选项卡。 像这样:
$('#ContactLinkID').click(function(){
$('#DefaultTabID').click();
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.