我无法解决这个问题。我想从链接到锚点打开一个选项卡。这就是我所拥有的。我正在使用jquery
1.8.3。它工作正常,但我不确定发生了什么。
jQuery(function ($){
$(".tabContents").hide();
$(".tabContents:first").show();
$("#tabContainer ul li a").click(function(e){
e.preventDefault();
var activeTab = $(this).attr("href");
$("#tabContainer ul li a").removeClass("active");
$(this).addClass("active");
$(".tabContents").hide();
$(activeTab).fadeIn();
});
});
$('a.tlink').on('click', function(evt) {
evt.preventDefault();
var whereTo = $(this).attr('goto');
$tabs = $("#tabContainer li");
$tabs.find('a[href=#' + whereTo + ']').trigger('click');
//alert(attr('name'));
//alert( $('#'+whereTo+' a').offset().top );
$('html, body').animate({
scrollTop: $('#'+whereTo+' a').offset().top
});
});
这是example。
谢谢。
答案 0 :(得分:0)
在示例中,锚中没有goto
,
工作示例,我添加了goto='tab2'
:http://jsfiddle.net/KgaKk/36/
答案 1 :(得分:0)
我会删除< a name =“anchor”>元素并将链接的href设置为“#tab2”(以保持方法一致),而是从代码中删除“#”,如下所示:
$tabs.find('a[href=' + whereTo + ']').trigger('click');
...否则,你的选择器字符串中会有一个双“#”。