0

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

4

1 回答 1

0

您可以将图片以列表视图格式放置，是否会像自动完成那样显示项目列表视图以供从中选择图片？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我认为这可能与您的内容一致'正在寻找。

于 2012-05-10T08:39:20.547 回答