ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery UI オートコンプリートの手順_jquery
jQuery UI オートコンプリートの手順_jquery
- WBOYオリジナル
- 2016-05-16 18:05:541070ブラウズ
はじめに
jQuery UI の最近の更新では、自動補完コントロール AutoComplete が追加されました。これにより、別の強力な開発ツールが提供されます。このコントロールの使用方法を紹介します。
まず、jQuery UI は jQuery に基づいているため、まずページ内で jQuery スクリプト ライブラリを参照し、次に jQuery UI ライブラリを参照する必要があります。jQuery UI ライブラリについては、ライブラリ全体を参照することも、参照のみを参照することもできます。現在のページで使用されているライブラリ。
jQuery UI のダウンロード アドレス: http://jqueryui.com/download
1. 基本構成
一般的に、小さなページの場合は、独立したスクリプトを参照することで負荷を軽減できます。サイズに応じて、ここでは別のスクリプトを使用します。オートコンプリートには、次のスクリプト ファイルが関係します。
<スクリプト src="jquery.ui.position.js">
<スクリプト src ="jquery .ui.autocomplete.js">
もちろん、ページには入力ボックスが必要です。
< label for="tags">
タグ:
使い方としては非常に簡単です。プロンプトされたデータは配列から取得できます。パラメータ オブジェクトのsourceプロパティを通じてデータ ソースを設定します。
jQuery UI の最近の更新では、自動補完コントロール AutoComplete が追加されました。これにより、別の強力な開発ツールが提供されます。このコントロールの使用方法を紹介します。
まず、jQuery UI は jQuery に基づいているため、まずページ内で jQuery スクリプト ライブラリを参照し、次に jQuery UI ライブラリを参照する必要があります。jQuery UI ライブラリについては、ライブラリ全体を参照することも、参照のみを参照することもできます。現在のページで使用されているライブラリ。
jQuery UI のダウンロード アドレス: http://jqueryui.com/download
1. 基本構成
一般的に、小さなページの場合は、独立したスクリプトを参照することで負荷を軽減できます。サイズに応じて、ここでは別のスクリプトを使用します。オートコンプリートには、次のスクリプト ファイルが関係します。
コードをコピー コードは次のとおりです:
<スクリプト src="jquery.ui.position.js">
<スクリプト src ="jquery .ui.autocomplete.js">
もちろん、ページには入力ボックスが必要です。
コードをコピーします コードは次のとおりです。
< label for="tags">
タグ:
使い方としては非常に簡単です。プロンプトされたデータは配列から取得できます。パラメータ オブジェクトのsourceプロパティを通じてデータ ソースを設定します。