个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
当我单击其他页面上的链接时如何激活该选项卡，例如:
当我点击 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
请帮助我。 :)谢谢
最佳答案
您可以使用 JavaScript location.hash以及一些有用的 jQuery:
<script>
$(document).ready(function(){
if(window.location.hash!=""){
// Get the hash value and remove the # from it.
var hash = window.location.hash.substr(1);
// In the nav-tabs,
// find the right tab by targetting the `h4` which contains the word you used has a hash
// and click it.
$(".nav-tabs").find("li h4:constains('"+hash+"')").click();
}
});
</script>
现在，由于您只提供了一个示例，
您必须找到正确的单词来用作每个选项卡的哈希值。
请注意区分大小写。
使用 h4 中包含的一个单词li 内的标签(选项卡)您想要激活的。
这个小脚本必须位于选项卡所在的页面中... <body> 中的任何位置.
它需要 hash从 URL 中删除 #性格。
然后它使用它来查找选项卡。
它可能会发现不止一个!这不会做你想做的事。
我认为这是一个值得您尝试的良好开端。
我没有像在此处发布之前那样测试此代码...所以我希望没有错误。
;)
如果您尚未使用它，则必须将 jQuery 库包含在您的 <head> 中。像这样:
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
编辑
我刚刚注意到你正在使用相同的 hash在 anchor 的href .
因此，这是同一事物的一种变体，应该避免单击多个选项卡的可能性。
<script>
$(document).ready(function(){
if(window.location.hash!=""){
// Get the hash value keeping the #.
var hash = window.location.hash;
// In the nav-tabs,
// find the right tab by targetting the `a` which has the same href as your hash
// and click it.
$(".nav-tabs").find("li a[href='"+hash+'"]").click();
}
});
</script>
关于javascript - 使用另一个页面的链接激活选项卡，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42429643/
24
4
0
我目前正在使用发现的重力脚本 here为了在我的网页上创建重力效果，我正在本地开发 atm。 我的问题是，重力效果的激活似乎是在鼠标移动时进行的，而我需要它在文档准备好时才触发。 google.cod
我正在尝试关注 Railsbridge Intallfest 并尝试将我的第一个 Rails 应用程序部署到 heroku。我不断收到以下错误消息: Gem::LoadError: Specified
很难说出这里问的是什么。这个问题是含糊的、模糊的、不完整的、过于宽泛的或修辞性的，无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开它，visit the help center 。 已关
Home-tab 是默认选中的，但是它的颜色是灰色的:( Home Bla Contact
我没有得到它的工作，我不知道为什么......遗憾的是其他问题 + 答案没有帮助。 测试设备: iPhone 6 iPad 2 相关代码: override func viewWillTransiti
我试图加载一个 View ，就像用户已经按下 UISearchBar 一样。我希望 SearchController 加载顶部的 UISearchBar 以及取消按钮。 我已经试过了: func ac
试图在 if whiteDotDist < centerRadius - whiteDotRadius 时获取代码执行它下面的所有代码都是事件的，并且当它下面的代码被执行时它再次变为非事件状态直到if
我正在使用 anaconda python。所以每次，在我的 mac 终端中，我输入终端命令: source /Users/mylaptop/anaconda/bin/activate /Users/
在我的 Angular 项目中，我有这种代码: this.swUpdate.available.subscribe(() => { ... }); 它工作正常，但给了我关于 activated 被
我想弄清楚 Julia 包是如何工作的，因为我喜欢容器化环境。我真的很挣扎。 在 python 中，我会做类似 conda create env --name ds 的事情创建环境然后安装容器化包我会
我的宏中有一些代码如下 ChDir File_pth Workbooks.Open filename:= File_pth & "\" & open_tkt Workbooks.Open filena
长话短说，我有两张纸，一张是“原始数据”，另一张是“结果”。我试图让结果表从“原始数据”表的每第七行中提取文本或数字，因此“结果”中的 A1 将是原始数据中的 A1，“结果”中的 A2 将是“原始数据
我不知道如何做到这一点，或者我是否可以做到这一点。我有一个 jQuery UI Accordion，多个部分，每个部分包含多个 anchor 标记，每个 anchor 标记都有一个唯一的字符串 id。
我不敢相信我还没有找到任何关于此的文档，但我想知道如何命令键盘激活并接收来自它的输入。我可以找到在编辑文本字段时操作弹出键盘的所有示例。谢谢 最佳答案 您还可以使用 UIKeyInput 协议(pro
我正在尝试为我的 Electron 应用程序生成NSIS安装程序的日志。为此，我创建了一个文件'logging.nsh'来定义LogSet和LogText宏。 以下是logging.nsh文件的代码:
几周前，我开始使用 typescript 和 knockoutJS，我有一个具体的问题，但我有解决方案，它太丑了，我无法忍受，但无法从中得到任何更好的东西，有太多代码需要粘贴，但我会尽力描述我的问题:
当我尝试激活我的虚拟环境时收到此错误即源 ~/edu-venv/bin/activate -bash: /home/vagrant/edu-venv/bin/activate: No such fil
要创建触发器，似乎必须发布它才能生效。但是发布需要对“协作”分支进行 PR，这意味着我们甚至在测试触发器是否实际工作之前就必须创建一个 PR，并且还必须创建多个后续 PR，直到我们获得正确的触发器。
我是最近的 IntelliJ Idea 用户，我不知道如何启用 Hibernate。当我右键单击我的项目时，Hibernate 不会出现在“添加框架支持”菜单中(实际上我唯一可以选择的技术是 Groo
要创建触发器，似乎必须发布它才能生效。但是发布需要对“协作”分支进行 PR，这意味着我们甚至在测试触发器是否实际工作之前就必须创建一个 PR，并且还必须创建多个后续 PR，直到我们获得正确的触发器。
我是一名优秀的程序员,十分优秀！