无法复制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个文件: