javascript - 解除 - jquery ui autocomplete 無効




jQueryオートコンプリート(イメージ付き) (2)

これはJquery Autocomplete PLUGINについてですが、実際のJquery UIのオートコンプリートではformatItemやformatValueなどのオプションはありません。

古いプラグインのバージョンから公式のUIウィジェットに移行する方法を説明するhttp://www.learningjquery.com/2010/06/autocomplete-migration-guideを読んでhttp://www.learningjquery.com/2010/06/autocomplete-migration-guide

提案リストの画像を使ってオートコンプリートを行うには、このスレッドを読んでhttp://forum.jquery.com/topic/using-html-in-autocompletehttp://forum.jquery.com/topic/using-html-in-autocomplete : http://forum.jquery.com/topic/using-html-in-autocomplete

私は自分のウェブサイトに画像を含むオートコンプリート機能を実装したい。

jQueryオートコンプリート・プラグインを使用したいと思います。

私はサンプルコードを見ました。

誰でも以下のコードが$(document).ready()イベントで意味することを私に説明できますか?

$("#imageSearch").autocomplete("images.php", {
  width: 320,
  max: 4,
  highlight: false,
  scroll: true,
  scrollHeight: 300,
  formatItem: function(data, i, n, value) {
    return "<img src='images/" + value + "'/> " + value.split(".")[0];
  },
  formatResult: function(data, value) {
    return value.split(".")[0];
  }
});

私の最終的な要件は、テキストボックスにいくつかの文字を入力したときに、そのオプションに関連する画像が付いてくるようにすることです。


これは参考にしてhttp://api.jqueryui.com/autocomplete/http://api.jqueryui.com/autocomplete/ : http://api.jqueryui.com/autocomplete/

$("#imageSearch").autocomplete("images.php", {

#imageSearchのすべてのフィールドにpluging autocompleteを適用します。 最初のパラメータ私は入力されたものに基づいてレスポンスを生成するページ(images.php)を推測します。

        width: 320,

ドロップダウンの幅

        max: 4,

最大の提案

        highlight: false,

true / falseを強調表示する

        scroll: true,

スクロールバー、つまりドロップダウンリストのリスト、または長いdivの下。

        scrollHeight: 300,

オートコンプリートの高さが下がります。

        formatItem: function(data, i, n, value) {
            return "<img src='images/" + value + "'/> " + value.split(".")[0];
        },

images.phpから返されるレスポンスの書式設定方法

        formatResult: function(data, value) {
             return value.split(".")[0];
        }

ユーザーが選択肢の1つを選択した場合、値を戻す方法。

});

閉じ括弧:p





autocomplete