確定 DIV 高度或 CSS 屬性的變化
使用網頁時,通常需要追蹤高度或其他 CSS 的變化元素的屬性。 jQuery 提供了各種選項來滿足這種需求。
使用 'change()' 進行事件追蹤:
而 'change()' 事件主要用於輸入元素,可以自訂偵測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>
使用'bind()' 進行自訂事件綁定:
更有效的解決方案包括建立自訂事件並將其綁定到所需的元素:
<code class="javascript">$('#mainContent').bind('heightChange', function(){ alert('xxx'); }); $("#btnSample1").click(function() { $("#mainContent").css('height', '400px'); $("#mainContent").trigger('heightChange'); //<==== ... }); </code>
在這種情況下,每當「mainContent」div的高度達到時,我們就會觸發「heightChange」事件
注意:
以上是如何使用 jQuery 檢測 DIV 高度或 CSS 屬性的變化?的詳細內容。更多資訊請關注PHP中文網其他相關文章!