滑动滑块不工作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(); 
}

谢谢！

来源

2017-02-19 Sanjeev Kumar

我知道的网页看起来不错，因为它是，但是能否剥离代码中的所有内容，这对于您的问题不是绝对必要的？另外，'如果我默认打开第二个标签，那么不会在第二个标签中加载，而不是第一个标签。你能解释一下你的意思吗？ – SpyderScript

@JavaSpyder我有两个滑块在两个选项卡中工作，问题是滑块/旋转木马不能在下一个选项卡中工作。 –

我得到了它与大小调整方法最后工作：

就不得不添加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;}

来源

2017-02-20 06:42:14

滑动滑块不工作jQuery标签

回答

相关问题