滑动滑块不工作jQuery标签
问题描述:
我有一个旋转木马工作在第一个选项卡中工作良好的滑动滑块,但是当我去第二个选项卡,滑块不加载,如果我默认打开第二个选项卡,然后不加载第二个选项卡,但不是第一个选项卡,我认为滑动滑块代码被初始化,然后它不会再次初始化选项卡更改时,但不知道如何处理这个问题,有人可以建议吗?滑动滑块不工作jQuery标签
这里是工作JSfiddle example
jQuery的的选项卡下:提前
$('ul.tabs li').click(function(){
var tab_id = $(this).attr('data-tab');
$('ul.tabs li').removeClass('current');
$('.tab-content').removeClass('current');
$(this).addClass('current');
$("#"+tab_id).addClass('current');
});
if (window.location.hash.length > 0) {
var hash_str= window.location.hash.split("#")[1];
$('.tab-link[data-tab=' + hash_str + ']').click();
}
谢谢!
答
我得到了它与大小调整方法最后工作:
就不得不添加resize()
两个滑块。
$('.best-selling-slide2').resize();
$('.best-selling-slide').resize();
在标签点击功能中添加这将有助于!
这是我的工作JSfiddle
就发布这个作为答案,因为如果有人遇到这种问题在未来,来到这个页面
我已经找到另一种解决办法是CSS中,标签CSS是从display:none
被更改为display:block
,因为滑块的宽度不应用时元素是隐藏的,要解决这个问题,我已经修改了CSS到以下几点:
.tab-content {/*display: none;*/ position:absolute; left:-9999px;}
.tab-content.current {/*display: inherit;*/ position:relative; left:0;}
我知道的网页看起来不错,因为它是,但是能否剥离代码中的所有内容,这对于您的问题不是绝对必要的?另外,'如果我默认打开第二个标签,那么不会在第二个标签中加载,而不是第一个标签。你能解释一下你的意思吗? – SpyderScript
@JavaSpyder我有两个滑块在两个选项卡中工作,问题是滑块/旋转木马不能在下一个选项卡中工作。 –