0

カスタム jQuery Mobile オートコンプリート入力ボックスを作成しています (つまり、プラグインを使用していません)。テキスト ボックス リストを使用したいと考えています (つまり、テキスト フィールド内に非テキスト要素を表示します。例については、Facebook テキスト ボックスのタグ付けを参照してください)。 ）。これにアプローチする方法に関するリソースを見つけることができませんでした。jQuery Mobile の入力ボックスにテキスト以外の要素を表示する方法について誰か教えてもらえますか?

4

1 に答える 1

0

写真をリストビュー形式で配置できますが、そこにある写真から選択するアイテムのリストビューを表示するオートコンプリートのようなものはありますか? また、jquery mobile listview には、組み込みの結果を動的にフィルタリングする自動検索バーがあります。

可能なすべてのタイプのリストビューのリンクは次のとおりです。

Jquery-Mobile リストビュー

お役に立てれば ！

あなたのコメントに応えて、オートコンプリートの提案は配列に保存する必要があるようです。これはおそらくいくつかの要求によって動的に満たされる可能性があります。または、データが jquery ui サイトからこのように提案をハードコードするだけになることを知っています:

 <script>
        $(function() {
            var availableTags = [
                "ActionScript",
                "AppleScript",
                "Asp",
                "BASIC",
                "C",
                "C++",
                "Clojure",
                "COBOL",
                "ColdFusion",
                "Erlang",
                "Fortran",
                "Groovy",
                "Haskell",
                "Java",
                "JavaScript",
                "Lisp",
                "Perl",
                "PHP",
                "Python",
                "Ruby",
                "Scala",
                "Scheme"
            ];
            $( "#tags" ).autocomplete({
                source: availableTags
            });
        });
        </script>



    <div class="demo">

    <div class="ui-widget">
        <label for="tags">Tags: </label>
        <input id="tags">
    </div>

    </div><!-- End demo -->



<div class="demo-description" style="display: none; ">
<p>The Autocomplete widgets provides suggestions while you type into the field. Here the suggestions are tags for programming languages, give "ja" (for Java or JavaScript) a try.</p>
<p>The datasource is a simple JavaScript array, provided to the widget using the source-option.</p>
</div><!-- End demo-description -->

これは役に立ちますか？ここで詳細を見ることができます: http://jqueryui.com/demos/autocomplete/

長い答えであなたを悩ませて申し訳ありませんが、写真を撮るためにオートコンプリートを強化することもできます: http://jqueryui.com/demos/autocomplete/#custom-dataを探しています。

于 2012-05-10T08:39:20.547 に答える