ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery UI オートコンプリートの手順_jquery

jQuery UI オートコンプリートの手順_jquery

WBOY
リリース: 2016-05-16 18:05:54
オリジナル
1027 人が閲覧しました
はじめに
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プロパティを通じてデータ ソースを設定します。


コードをコピー コードは次のとおりです:
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート