jquery檢測顯示或可見性的變化

Question

有沒有辦法讓我檢測一個類的樣式屬性是否改變，例如，顯示或可見性的改變？

我現在的情況是，我的網站上有一個跑道網站，通過iframe嵌入我的網站，並有一個隱藏的感謝消息.webforms__success-message > p，我想滾動到頁面上顯示的成功消息。

Answer 1

我會推薦VueJS而不是jQuery。它速度更快，因爲它使用虛擬dom，並且不必遍歷dom以檢測更改。您只需創建一個動作，然後將該動作發送爲事件。然後你可以調用你想要的jQuery函數。

<div id="app"> 
    <iframe v-show="isShowing" src="http://www.weather.gov/" 
     frameborder="0" 
     ></iframe> 
    <button @click="isShowing ^= true">Click Me</button> 
</div> 

CSS

iframe { 
    display:block; 
    margin-top: 20px; 
    margin-left: 200px; 
    width:850px; 
    height:300px; 
} 

JS

var vue = new Vue({ 
    el:"#app", 
    data: { 
    isShowing:false, 
    } 
}) 

退房這個Codepen