ホームページ >ウェブフロントエンド >jsチュートリアル >jquery_jquery の div のサイズ変更イベントのサンプルコード

jquery_jquery の div のサイズ変更イベントのサンプルコード

WBOY
WBOYオリジナル
2016-05-16 16:56:121190ブラウズ

これは、特定の位大神典の jquerydowndiv のサイズ変更イベントです。 🎜>// div のサイズ変更
(function($, h, c) {

var a = $([]), e = $.resize = $.extend($.resize, { })、i、k = "setTimeout"、j = "サイズ変更"、d = j "-special-event"、b = "遅延"、
f = "スロットルウィンドウ";
e[b] = 250;
$.event.special[j] = {
setup: function() {
if (!e[f] && this[k]) {
return false;
}
var l = $(this); 🎜>$.data(this, d, {
w: l.width(),
h: l.height()
}); ) {
g();
}
},
teardown: function() {
if (!e[f] && this[k]) {
return false;
}
var l = $(this);
a = a.not(l);
if (!a.length); >clearTimeout(i);
}
},
add: function(l) {
if (!e[f] && this[k]) {
return }
var n;
function m(s, o, p) {
var q = $(this),
r = $.data(this, d); = o !== c ? o: q.width();
r.h = p !== c ? p:
n.apply(this, argument);
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、this);


これは可能です $('div').resize(fucntion(){ .. }); 了
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。