追蹤 CSS 屬性變更的自訂事件
問題:當 div 或任何CSS 屬性變更?
討論: 雖然沒有內建 CSS 變更事件,但您可以建立自己的 CSS 變更事件。有兩種方法:
方法一:DOM輪詢
<code class="javascript">var $element = $("#elementId"); var lastHeight = $("#elementId").css('height'); function checkForChanges() { if ($element.css('height') != lastHeight) { // CSS height changed lastHeight = $element.css('height'); } setTimeout(checkForChanges, 500); } checkForChanges();</code>
方法二:手動事件觸發
<code class="javascript">$('#mainContent').bind('heightChange', function() { // CSS height changed }); $("#btnSample1").click(function() { $("#mainContent").css('height', '400px'); $("#mainContent").trigger('heightChange'); });</code>
優點:
文件:
以上是如何建立自訂事件來追蹤 CSS 屬性變更?的詳細內容。更多資訊請關注PHP中文網其他相關文章!