jquery ポップアップレイヤー selector_jquery に基づく boxy ポップアップレイヤーダイアログプラグイン拡張アプリケーション-jsチュートリアル-php.cn

jquery ポップアップレイヤー selector_jquery に基づく boxy ポップアップレイヤーダイアログプラグイン拡張アプリケーション

WBOY

リリース： 2016-05-16 18:15:40

オリジナル

1337 人が閲覧しました

デザインには人気のjqueryを使用し、同時に拡張効果に優れたboxyポップアッププラグインを選択しました（boxyについては、Zhang Xinxuのブログを参照してください http://www.zhangxinxu.com/ wordpress/?p=318)。以下では、セレクターフレームワークとして boxy を適用する方法を紹介します。

採用サイトを利用したことがある人なら、セレクター（業界、職種、地域を選択する際にクリックすると出てくるやつです）の難しさはご存知かと思います。スタイルのデバッグにあり、主に IE6 を対象としています。ここでは、業界、位置、地域のセレクターを紹介します。ダウンロードしたデモには、これら 3 つのセレクターが含まれています。

業界セレクター: 関連付けなし、呼び出しステートメントは Boxy.industry(value, callback, options)、パラメーター値は選択された値の数値のセット (文字列型、カンマで区切られる)、コールバックはコールバック関数を定義できます。コールバックに渡される値は、業界セレクターで選択された項目の数値のセット (カンマで区切られた文字列タイプ) であり、オプションは boxy プラグインのオプションのパラメーターです。

呼び出し例: 番号 1 と 2 の業界を選択し、セレクターのタイトルを「業界カテゴリセレクター」として定義します

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

 
$("#industry").click(function() { 
Boxy.industry("1,2", function(val) { 
alert("選択しました: " val); 
}, { title: "業界カテゴリ セレクター" });

ジョブセレクター: 2 レベルの接続、呼び出しステートメントは Boxy.job(value, show, callback, options)、パラメーター値は選択された値の数値のセット (文字列型、数値の間) です。区切られており、b で始まるはメジャージョブカテゴリの選択を示し、s で始まるはサブカテゴリの選択を示します)、表示されているパラメーターは表示されているジョブカテゴリの番号を示します。パラメーター callback は定義可能なコールバック関数であり、callback に渡される値は次のとおりです。位置セレクター。選択された項目の一連の数値 (カンマで区切られた文字列タイプ)、オプションは boxy プラグインのオプションのパラメーターです。

呼び出し例: 番号 1 のジョブサブカテゴリ、番号 2 のジョブカテゴリを選択し、セレクターの名前をポジションカテゴリセレクターとして定義します。

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

$("#job").click(function() {

Boxy.job("s1,b2" , "2", function(val) { 
alert("選択しました: " val); 
}, { title: "位置カテゴリ セレクター" }); 

位置セレクター: 3 つのカスケード、呼び出しステートメントは Boxy.area(value, show, callback, options)、パラメーター値は選択された値です 数値セット (文字列型) 、カンマで区切られ、p で始まるのは州の選択を意味し、c で始まるのは都市の選択を意味し、d で始まるは郡の選択を意味します)、表示されるパラメーターは表示される地域の番号を表し、パラメーターのコールバックは定義可能なコールバック関数です。コールバックに渡される値は、領域セレクターで選択された項目の数値セット (文字列タイプ、数値はカンマで区切られます) であり、options は boxy プラグインのオプションのパラメーターです。

呼び出し例: 番号 1 と 2 の郡または地区を選択し、セレクターの名前を作業領域セレクターとして定義します