滑動滑塊不工作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標籤

回答

相關問題