使用jQuery 在div 可見性時觸發操作
在jQuery 中，可以附加一個在div 可見時執行特定程式碼的事件處理程式.要實現此目的，請考慮使用以下偽代碼：
$(function() {
$('#contentDiv').isvisible(function() {
alert("do something");
});
});此偽代碼有效地確保僅當 #contentDiv div 可見時才會觸發警報。
要實現此功能，您可以擴展jQuery 中原始.show() 方法：
<code class="javascript">$.fn.show = function(speed, oldCallback) {
return $(this).each(function() {
var obj = $(this),
newCallback = function() {
if ($.isFunction(oldCallback)) {
oldCallback.apply(obj);
}
obj.trigger('afterShow');
};
// Trigger 'beforeShow' event
obj.trigger('beforeShow');
// Execute the original show() function with the new callback
_oldShow.apply(obj, [speed, newCallback]);
});
};</code>此擴充功能允許您在div 可見之前和之後觸發'beforeShow' 和'afterShow'事件。
For例如，以下用法示範了功能：
<code class="javascript">$('#test')
.bind('beforeShow', function() {
alert('beforeShow');
})
.bind('afterShow', function() {
alert('afterShow');
})
.show(1000, function() {
alert('in show callback');
})
.show();</code>以上是當 div 變得可見時，如何使用 jQuery 觸發操作？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
