jquery (データ、ステップ、コード)_jquery に基づいて中国の大学を選択するためのポップアップ ボックス

1. データ
には全国の合計 3049 の大学が含まれています。これは Renren からコピーされたものです (学習および交流のみを目的としており、商用プロジェクトには使用しないでください)。学校情報が保存されます。形式は次のとおりです:

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

var schoolList=[
{
"id":1, //県 ID
"school": [
{
"id": 1001, //学校 ID
"name": "u6e05u534eu5927u5b66" // 学校名
}
/....
], //この州の学校
"name": "u5317u4eac"
},
//...
];

2. 手順
2.1 ポップアップフレームの構造とポップアップメソッド
Frame は iframe と div の 2 つの形式に分かれています。この例では、ポップアップ フレームとして div を使用することを選択します。ポップアップ フレームの構造は次のとおりです。
コードをコピー

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

;div id="地域を選択">

;div id="choose-box-bottom">

ユーザーが時間をトリガーした後、ポップアップ ボックスは最初は非表示になります (表示:なし)。ポップアップ ボックスを開くと、ポップアップ ボックスがページの中央に表示されます。中央揃え効果を実現するには、次のコードを使用します:




Copy code