使jQuery选项卡在不使用<;a>;标签
我有下面的标签功能代码,它工作得很好,我想要它的方式,但我希望它工作没有使jQuery选项卡在不使用<;a>;标签,jquery,tabs,Jquery,Tabs,我有下面的标签功能代码,它工作得很好,我想要它的方式,但我希望它工作没有链接,以更好地理解我的意思。我试图摆脱: 我真的需要一些帮助。提前感谢。要识别目标,您可以使用数据-*属性而不是锚定标记的href,这样您就可以通过添加相应的数据属性来使用任何想要创建导航的元素 另外,为了识别导航项,您应该向它们添加一个公共类。我在下面的示例中使用classnav项: $(函数(){ $('.tab内容:不是(:first').hide(); $('#tab nav.nav item').bind('cl
链接,以更好地理解我的意思。我试图摆脱:
我真的需要一些帮助。提前感谢。要识别目标,您可以使用数据-*
属性而不是锚定标记的href
,这样您就可以通过添加相应的数据属性来使用任何想要创建导航的元素
另外,为了识别导航项,您应该向它们添加一个公共类。我在下面的示例中使用classnav项
:
$(函数(){
$('.tab内容:不是(:first').hide();
$('#tab nav.nav item').bind('click',函数(e){
$this=$(this);
$target=$($this.data(“target”);//从数据属性获取目标
$('#tab nav.nav item.current').removeClass('current');
$('.tab内容:可见')。淡出(“快速”,函数(){
$this.addClass('current');
$target.fadeIn(“快速”);
});
}).filter(“:first”)。单击();
});代码>
#标签换行{
背景:#ececec ;;
填充:30px0;
}
.集装箱{
宽度:95%;
保证金:0自动;
}
.tab内部{
填充:20px;
}
/*选项卡导航*/
#制表符导航包裹{
填充:10px20px10px0;
背景:252525;
}
#选项卡导航包裹#选项卡导航{
显示:块;
列表样式:无;
浮动:对;
}
#选项卡资产净值项目{
列表样式:无;
显示:块;
浮动:左;
填充:10px 20px;
右边距:10px;
文本对齐:左对齐;
字体大小:16px;
字体大小:300;
颜色:#fff;
背景:#000;
}
#制表符导航项目:当前,#制表符导航项目:悬停{
边框底部:0px实心#ececec;
背景:#6A6A;
}
这是一位杰出的领袖,他是一位伟大的领袖。但是,如果要实现最低限度的利益,就必须让公司承担所有责任
ex ea commodo consequat。
在亨德雷特的两个房间里,都有一个小房间,一个小房间,一个小房间,一个小房间,一个小房间,一个小房间,一个小房间,一个小房间,一个小房间,一个小房间,一个小房间,一个小房间,一个小房间
这是一个方便的地方。
典型的非哈本语;这通常是法律依据。调查显示莱克托雷斯·勒盖尔·勒格斯·库德·勒格特·萨皮乌斯。
- 表一
选项卡二
选项卡三
您不能复制ID
,请使用其他属性并从中获取目标there@charlietfl您不能复制id
是什么意思。。?我找不到OP在哪里复制id
。@TJ,在第二小提琴中没有
。选项卡的
与内容具有相同的IDelements@charlietfl哎呀,我没有注意到不工作的小提琴……)
$(function () {
$('.tab-content:not(:first)').hide();
$('#tab-nav a').bind('click', function (e) {
e.preventDefault();
$this = $(this);
$target = $(this.hash);
$('#tab-nav a.current').removeClass('current');
$('.tab-content:visible').fadeOut("fast", function () {
$this.addClass('current');
$target.fadeIn("fast");
});
}).filter(':first').click();
});
$(function () {
$('.tab-content:not(:first)').hide();
$('#tab-nav li').bind('click', function (e) {
e.preventDefault();
$this = $(this);
$target = $(this.hash);
$('#tab-nav li.current').removeClass('current');
$('.tab-content:visible').fadeOut("fast", function () {
$this.addClass('current');
$target.fadeIn("fast");
});
}).filter(':first').click();
});