jquery.boxy ポップアップ ボックス (N 秒後に自動的に非表示/自動的にジャンプ)_jquery

Boxy ポップアップ ボックスの使用については、以前にいくつかの記事を書きました ( jquery.boxy の基本 を参照)。今日は、ニーズを解決した後、記録する価値があると考えたので、別の記事を書きます。はい、ダイアログ ボックスが表示された後、N 秒後に自動的に非表示になり、自動的にジャンプします。

効果は図に示すとおりです:

カプセル化されたコードは次のとおりです:

コードをコピー コードは次のとおりです:

// ボックス型ダイアログ ボックス拡張機能
var Boxy_Extensions = {
options: {
title: 'Art Bar Tip',
closeText: 'x'
},
//ポップアップ表示後 N 秒後に非表示
alertDelayFun: function (info, timer, options) {
options = $ .extend(this.options, options || {});
new Boxy("

" info "

", $.extend({ behaviours: function () {
setTimeout('$(".boxy-wrapper"). Hide();', timer);
}
}, options));
},
//ポップアップ後、自動的にジャンプします
alertHrefFun: function (info, href , options) {
options = $.extend(this.options, options || {});
new Boxy("

" info "

", $.extend({ behaviours: function () {
location.href = href;
}
}, options));
}
}

options 属性は public であるため、言及されており、各メソッドの呼び出し時にオプションが渡される場合は独自のオプションがあります。独自のメソッドに、$.extendを渡す

をクラス内のoptions属性の内容とマージする(該当キーの値を上書きし、新しいキーの値を拡張する)JSを書くそうです。オブジェクト指向の原則に従う必要もあります (笑)。