jQuery - 只要一個元素可見 - 像Document.Ready

Question

與jQuery有沒有辦法說，而不是文檔就緒，只要這個項目是可見的做XXXXXXX？

原因爲什麼我有3個面板的應用程序。默認情況下，第一個面板隱藏並具有旋轉木馬。如果在不可見的情況下啓動傳送帶，傳送帶會中斷。所以我想說，只要旋轉木馬或div可見，就啓動旋轉木馬。

感謝

Answer 1

來處理這將是使用特定方法，以使轉盤可見，然後觸發一個「事件」（你可以在這裏使用jQuery的自定義事件的東西，但沒有真正的需要的正確方法到，一個簡單的函數調用也會起作用）。

例如：

function showCarousel() { 
    $("#carousel").show(); 
    carouselShowEvent(); 
} 
function carouselShowEvent() { 
    initiateCarousel(); 
} 

如果由於一些奇怪的原因，你不能做到這一點，你總是可以使用一個window.setInterval定期檢查它是否是可見......但是這幾乎可以肯定是錯誤的方式去解決它。

// Don't do this 
var interval = window.setInterval(function() { 
    if ($("#carousel").is(":visible")) { 
     initiateCarousel(); 
     interval.clearInterval(); 
    } 
}, 1000);