jQuery ベースのメッセージ プロンプト プラグインの旅 DivAlert (3)_jquery

このバージョンは 2.0 の記述方法を踏襲しており、設定する必要がある各種オプションは extend メソッドによってカプセル化されており、バージョン 2.0 のコードよりも簡素化されています。

バージョン 2.0

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

// プラグインの基本情報を設定します
var options = o {};
options.width = o.width 300 ||プロンプトボックスのサイズが 104 ピクセル未満の場合、自動的に 200 ピクセルにリセットされます
if (options.height > 104) {
options.height = o.height;
} else {
options .height = 200;
}
options.title = o.title || "プロンプトのタイトル";
options.content = o.content || "プロンプトの内容"; js ファイルを書き換えずにスタイルの外部カスタマイズを容易にする css ファイル
options.bgClass = o.bgClass ||
options.titClass = o.titClass || 'jTit';
options.conClass = 'jBtn'; .botDivClass || 'jBot';

バージョン




コードをコピー

コードは次のとおりです。

//プラグインの基本情報を設定しますvar settings = { 幅: 300、高さ: 200、タイトル: "プロンプト タイトル"、コンテンツ: "プロンプト コンテンツ"、bgClass: 'jBg'、

wrapClass: 'jWrap '、

titClass: 'jTit'、
conClass: 'jCon'、
clsClass: 'jBtn'、
botDivClass: 'jBot'、
botBtnClass: 'jBotBtn'
} ;
$.extend(settings, options);


これらは非常に基本的なものですが、興味がある方はぜひご覧ください。 。 。 。

完全なコード パッケージのダウンロード


作成者: Rocky Xiang (cnblogs)
コードの作成者に感謝します。Script House の編集者が、最初から簡単に説明しました。最初のバージョン 不完全から完璧への段階的なプロセスです。最初から完璧なものはありません。他の人のコードを参照し、他の人の長所を学ぶことで、プログラムは徐々に完璧になっていきます。将来、コードを見て自分で書くのではなく、もっと参照して、もっと書いてください。そうして初めて、真の知識を学び、自分の欠点を発見することができます。
以下に、最初の 2 号で著者が公開した記事を添付します

jQuery ベースのポップアップ メッセージ プラグイン DivAlert への旅 (1)

JQuery ベースのメッセージ プロンプト プラグイン DivAlert Journey (2)



jQuery ベースのメッセージ プロンプト プラグイン DivAlert Journey (3)
推奨