jquery下div 的resize事件範例程式碼_jquery

這是位大神寫的jquery下div的resize事件。

複製程式碼程式碼如下：

//調整div 大小
(function( $, h, c) {
var a = $([]),
e = $.resize = $.extend($.resize, { }),
i,
k = "setTimeout",
j = "調整大小",
d = j "-特殊事件",
b = "延遲",
f = "throttleWindow";
e[b ] = 250;
e[f] = true;
$.event.special[j] = {
setup: function() {
if (!e[f] && this[k ]) {
回傳false;
}
var l = $(this);
a = a.add(l); 🎜>$.data(this, d, {
w: l.width(),
h: l.height()
})
if (a.length === 1 ) {
g();
}
},
拆解: function() {
if (!e[f] && this[k]) {
回傳false;
}
var l = $(this)
a = a.not(l);
l.removeData(d);
if (!a.length); >clearTimeout(i);
}
},
add: function(l) {
if (!e[f] && this[k]) {
回傳false }
var n;
函數m(s, o , p) {
var q = $(this),
r = $.data(this, d); = o !== c ? o:
r.h = p !== c ? p : q.height();
n.apply(this, 參數);
if ($.isFunction(l)) {
n = l;
回 m;
} else {
n = l.handler;
l.handler = m;
}
}
};
function g() {
i = h[k]( function() {
a.each(function() {
var n = $(this),
m = n .width(),
l = n.height(),
o = $.data(this, d);
if (m !== o.w || l !== o.h) {
n.trigger(j, [o.w = m, o.h = l]) ;
}
g()
e[b]);
}
})(jQuery, 這個);


這樣就可以$(' div').resize(fucntion(){ .. }); 了