測試元素是否可見或關閉幻燈片動畫

Question

我正在編寫一個擴展，它將覆蓋我們經常使用的網站上的一些jquery動畫，即UI很差。

他們有這樣的slideUp和slideDown的動畫需要6秒鐘來做，我試圖重寫。我要麼測試一下，看網站上的某個元素是否被隱藏/隱藏（如果隱藏/隱藏 - 顯示它），或者只是覆蓋幻燈片動畫。

有沒有辦法不斷測試一個對象的可見性？或者是否有一種方法可以在整個頁面中簡單地轉換「幻燈片」動畫而不覆蓋整個功能（它具有Ajax回調和類似的項目）？

Answer 1

您可以使用jQuery.fx.interval屬性全局更改動畫速度，或使用jQuery.fx.off關閉所有動畫。

隨着Chrome擴展內容腳本沙箱，不能訪問父頁面的變量，你需要的<script>標籤與您的代碼注入到頁面：

content_script.js：

function injectJs(link) { 
    var scr = document.createElement("script"); 
    scr.type="text/javascript"; 
    scr.src=link; 
    (document.head || document.body || document.documentElement).appendChild(scr); 
} 

injectJs(chrome.extension.getURL("inject.js")); 

inject.js：

jQuery.fx.off = true;