在CSS 變更時觸發事件
在CSS 變更時觸發事件
在CSS 變更時觸發事件
<code class="javascript">var $element = $("#elementId");
var lastHeight = $("#elementId").css('height');
function checkForChanges()
{
if ($element.css('height') != lastHeight)
{
alert('xxx');
lastHeight = $element.css('height');
}
setTimeout(checkForChanges, 500);
}</code><code class="javascript">$('#mainContent').bind('heightChange', function(){
alert('xxx');
});
$("#btnSample1").click(function() {
$("#mainContent").css('height', '400px');
$("#mainContent").trigger('heightChange'); //<====
...
}); </code>將自訂事件處理程序（範例中的「heightChange」）綁定到元素。每當您修改 CSS 時都會觸發該事件。
綁定：將事件處理程序附加到元素。
觸發：執行指定事件類型的所有事件處理程序。 注意：有一個過時的 DOMAttrModified 突變事件，允許追蹤 CSS 更改，但不再推薦。以上是如何在 jQuery 中偵測 Div 高度或 CSS 屬性的變化？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
