1

jQuery UI autocomplete-combobox ウィジェットを認識しています。しかし今、私はモバイル版を探しています。私の知る限り、jQuery Mobile を使用している間は、選択ボックスまたはオートコンプリート付きのリストビューを使用できます。

jQuery UI のオートコンプリート コンボボックスのように動作する jQuery Mobile のコントロールはありますか?

ユーザーにドロップダウンを提示して、ユーザーが入力して利用可能なオプションをフィルタリングしたり、下にスクロールしてすべてを表示したりできるようにする必要があります

ありがとう！

4

1 に答える 1

1

使用できます

https://github.com/commadelimited/autoComplete.js

html:

 <div data-role="page" class="jqm-demos" id="mainPage">
        <p>
            <input type="text" id="searchField" placeholder="Categories">
            <ul id="suggestions" data-role="listview" data-inset="true"></ul>
        </p>
    </div>

JavaScript:

 <script>
        var autocompleteData = $.parseJSON('[{"value":"AL","label":"Alabama"},{"value":"AK","label":"Alaska"},{"value":"CA","label":"California"},{"value":"CO","label":"Colorado"},{"value":"CT","label":"Connecticut"},{"value":"NC","label":"North Carolina"},{"value":"ND","label":"North Dakota"},{"value":"NI","label":"Northern Marianas Islands"},{"value":"OH","label":"Ohio"},{"value":"OK","label":"Oklahoma"},{"value":"OR","label":"Oregon"},{"value":"PA","label":"Pennsylvania"},{"value":"PR","label":"Puerto Rico"},{"value":"RI","label":"Rhode Island"},{"value":"WV","label":"West Virginia"},{"value":"WI","label":"Wisconsin"},{"value":"WY","label":"Wyoming"}]');

        $("#mainPage").bind("pageshow", function (e) {
            $("#searchField").autocomplete({
                target: $('#suggestions'),
                source: autocompleteData,
                callback: function (e) {
                    var $a = $(e.currentTarget);
                    $('#searchField').val($a.data('autocomplete').value);
                    $("#searchField").autocomplete('clear');
                },
                link: 'target.html?term=',
                minLength: 1
            });
        });
    </script>

に使用例を掲載しました

https://stackoverflow.com/questions/34164377/how-to-use-jquery-mobile-autocomplete-plugin-with-jqgrid

于 2015-12-08T19:33:05.140 に答える