jquery顯示第二個div後可見的div

我用可選的div創建了第一個滑塊，其中包含名爲.description的內容，並且我正在搜索如何在顯示某個幻燈片後爲此動畫div。我試過類似的東西jquery顯示第二個div後可見的div

$(document).ready(function(){ 
    if($("#test").hasClass('flex-active-slide')){ 
     $(".description").fadeIn(2000); 
    };

但它不適合我，任何人都可以告訴我正確的方向來實現這一目標嗎？

來源

2013-11-14 Mateusz Winnicki

這是如何觸發？正如我看到的，如果只會觸發一次，這是文檔準備就緒。你有沒有試圖將它綁定到你的滑塊的點擊處理程序？ – sHentschel

但我不希望這個滑塊可點擊，我的意思是有分頁，但它會作爲幻燈片的工作。是的，我的問題是我不知道如何正確觸發它;） –

我想觸發它當李類更改爲「活動幻燈片」，但idk如何;） –

jQuery的.animate有所回調，您可以使用它：

$(".slide1").animate({opacity:'show'},1000,function(){ 
    $(".description").fadeIn(2000); 
});

好運

來源

2013-11-14 13:38:08

你能否向我解釋一點更多？我的意思是說，這些點是我所在的位置div id或我的元素的類別，對不對？和我在那裏寫的「在這裏放置你的代碼」的代碼應該有一些像''if（$（「＃test」）。hasClass（'flex-active-slide'））{'「 –

我已經添加了我的答案，這很簡單，所以你只是爲了顯示幻燈片，如果你確定顯示幻燈片，你可以淡入描述 –

感謝分享;） –

你缺少的準備功能的右大括號：

$(document).ready(function(){ 
    if($("#test").hasClass('flex-active-slide')){ 
     $(".description").fadeIn(2000); 
    } 
}; // this

來源

2013-11-14 13:39:13 argo49

嘿謝謝，但我錯過了它，而複製這裏;）仍然沒有任何反應，試圖$（「。description」）。hide（）;也沒有任何反應 –

爲了使'fadeIn'方法起作用，在調用fadeIn方法之前，對象的'display'屬性需要設置爲'display：none'。在您的CSS或在一些較早的jQuery代碼嘗試將.description div的顯示CSS屬性設置爲無，並讓我知道如果這有效。 – argo49

不，它也不工作。懸停它適用於我即使沒有顯示：沒有在網站的另一個元素。嗯也許如果我給你的網站我的工作，它會更容易找到？ –

我現在建小jsFiddle爲此:-)

你可以使用setInterval像這樣：

window.setInterval(function() { 
    // your code here 
}, 800) // checks all 800ms

See this fiddle

來源

2013-11-14 14:29:20 sHentschel

我已經更新了小提琴，以便更好地瞭解 – sHentschel

我可以看到，但是這個小提琴不工作，我猜是因爲這個黃色的東西「你好，我在這裏」沒有顯示給我;）另一方面，這就像是在一定時間後顯示sstuff ？ –

我希望你已經點擊了Click me按鈕:-)，因爲這增加了我的例子flex-active-slide類到標題。 setInterval每X毫秒開始給定的函數。 – sHentschel

我終於做到吧XD我不知道，如果它的正確與否，但它的作品，因爲我希望;）如果有人知道如何使它更容易（becouse現在它集定時器，不附上幻燈片）請讓我知道;）

$(function() { 
var $anchors = $('.description'); 
(function _loop(idx) { 
$anchors.removeClass('highlight').eq(idx).addClass('highlight'); 
setTimeout(function() { 
    _loop((idx + 1) % $anchors.length); 
}, 7000); 
$('.description').fadeIn(2000); 
}(0)); 
}); 

window.setInterval(function() { 

if($('#test2.highlight')){ 

    $('.description').removeAttr('style'); 
     $('.description').fadeIn(2000); 
    }  
}, 7000); // checks all 800ms

來源

2013-11-15 13:27:09

jquery顯示第二個div後可見的div

回答

相關問題