无法复制Jquery Mobile Autocomplete演示
我试图用我自己的远程数据源复制这个演示:
http://demos.jquerymobile.com/1.4.5/listview-autocomplete-remote/
我的HTML页面与演示完全相同,但有一点不同:
url: "http://localhost/sample.php",
这是我的虚拟远程数据源sample.php
<?php $a = array('apple', 'mango'); echo json_encode($a);
这里可能缺少什么? 由于我的虚拟数据只是一个简单的数组,我期待它会自动完成"apple", "mango"
但什么都没有出现。
编辑:我尝试了以下,仍然无法正常工作:
<?php $a = array("apple", "mango"); header('Content-Type: application/javascript; charset=utf-8'); echo $_GET['callback'].'('.json_encode($a).');';
“查看来源”实际上就在于此。 HTML中缺少一行JS $( document ).on( "pagecreate", "#myPage", function() {
期望#myPage
。因此,HTML应该是这样的:
Cities worldwide
After you enter at least three characters the autocomplete function will show all possible matches.
因此,如果您添加缺少div
并使用下一个PHP代码,那么一切都会正常工作:
以防万一,这些是我在测试中使用的2个文件:
- 使用带有动态列表的sj:autocompleter自动填充文本框
- jquery ui autocomplete:如何在文本输入失去焦点后取消缓慢的ajax请求
- jQuery ui autocomplete – .ui-autocomplete-loading
- jquery ui自动完成function自动关闭
- 使用自动完成的jQuery模板而不使用ul / li
- Grails – jQuery UI Autocomplete无法正常工作
- jquery tagsinput和ui autocomplete:它们可以与预加载的源一起使用吗?
- ui自动完成格式化结果在2行
- JqueryUI自动完成:autoFocus = true将不会执行任何操作