文本框列出一个 jQuery 移动文本框

Question

我正在构建一个自定义 jQuery Mobile 自动完成输入框（即不使用插件）并且我想使用一个文本框列表（即在文本字段中显示非文本元素，请参阅 Facebook 文本框中的标记例如）。我无法找到有关如何解决此问题的任何资源。谁能告诉我如何在 jQuery Mobile 输入框中显示非文本元素？

Answer 1

您可以将图片以列表视图格式放置，是否会像自动完成那样显示项目列表视图以从中选择图片？ jquery mobile listview 也有一个自动搜索栏，可以动态过滤已经内置的结果：

这是所有可能的列表视图类型的链接：

Jquery-Mobile Listview

希望这会有所帮助！

响应您的评论似乎自动完成建议必须存储在一个数组中，这可能可以通过一些请求动态填充，或者我知道数据将是什么数据只是硬编码建议从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，我认为这可能与您正在寻找的内容相符。