- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我是 jquery 的新手,所以我决定构建一个 jquery tabber。到目前为止一切顺利,但我有一个小问题!!!我看不到如何根据 URL 激活 tabber。例如,当链接是 www.myweb.com#tab2
时,第二个 tabber 将被激活。我的 jquery 如下。现在我知道 jquery 有它自己的 tabber 脚本,但我不想使用它。所以请其他人帮我完成这个
Javascript
$(document).ready(function() {
var hash = location.hash;
var link1 = ("ul#tabs li a[href='" + hash + "']")
var link2 = ("ul.tabs li a[href='" + hash + "']")
var link3 = ("ul#tabs li[href='" + hash + "']")
$(".tab_content").hide(); //Hide all content
if ((link3.length)(link2.length)(link1.length))
{ //check if such link exists
$(link3, link2, link1).parent().addClass("active"); //Activate tab
$(hash).show();
}
else {
$("ul.tabs li a:first, ul#tabs li:first, ul#tabs li a:first").addClass('active');
$(".tab_content:first").show()
// On Click Event
$("ul.tabs li").click(function() {
$("ul.tabs 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 href attribute value to identify the active tab + content
$(activeTab).fadeIn(); //Fade in the active ID content
return false;
});
});
HTML
<ul class="tabs">
<li><a href="#tab1">Design Team</a></li>
<li><a href="#tab2">Publications</a></li>
<li><a href="#tab3">Awards & Recognitions</a></li>
<li><a href="#tab4">Our Mission</a></li>
<li class="last-item"><a href="#tab1">Company Profile</a></li>
</ul>
这就是我的进步。因为我有 3 个选择器,所以 jquery 代码奇怪地不起作用我如何实现这一点,以便根据 URL 激活 tabber?谢谢
最佳答案
关于javascript - 如何根据链接 URL 激活我的 jquery tabber,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15705391/
好吧,我的网站有一个带有 id #nav 的导航,所以我想根据点击导航列表激活一个选项卡。导航 #nav 有一个像这样的 html:- Fred Thom Kay 现在,
我有一个标签,它在加载时闪烁...当页面加载时,我不认为它是标签,当页面完成加载时我得到正确的加载...我想避免它。它在 FireFox 和 Chroom 中都有。 Buy Lo
我在 tabber ( http://www.barelyfitz.com/projects/tabber/ ) 中有一些动态内容。 一切正常,但我想重新加载包含制表符的 div。当我使用 jQuer
大家好, 我是 javascript 的新手,我不太了解 tabber 类,我想要一个页面,其中选项卡位于两个不同的行中附加系统属性页面,其中选项卡位于两个不同的行中。
我正在使用 tabber.js 脚本创建选项卡式内容,并且我想在 onclick 事件期间更改选项卡的标题。 我尝试这样设置标题,document.getElementById("mytab1").t
我有一个使用 Tabber.js 的网页。我希望能够链接到一个页面并将其切换到正确的选项卡,以便显示所需的内容。 我添加了以下 JS 代码来选择选项卡(硬编码到第三个选项卡以简化示例): functi
我想为我的首页创建左标签内容。我正在使用这个网站 Click Here 但是当我在我的 single.php 和 style.css 文件中添加代码时,它不像在实际预览中那样工作。我的主题不是建立在
我是 jquery 的新手,所以我决定构建一个 jquery tabber。到目前为止一切顺利,但我有一个小问题!!!我看不到如何根据 URL 激活 tabber。例如,当链接是 www.myweb.
我是一名优秀的程序员,十分优秀!