jquery mobile自动完成加载页面的不同行为

目前我在jquery mobile（ http://andymatthews.net/code/autocomplete/ ）中遇到了自动完成function的问题。 因此，如果我直接通过url运行页面，页面和自动完成function将毫无问题地工作。 如果我通过带有更改页面function的主菜单导航到页面，则自动完成function将不起作用！

你能给我一个建议吗？

我的代码：

主菜单：

 Neue Reservation  $.cookie.json = true; $('#buttonNewReservation').click(newReservation); function newReservation() { var session = $.cookie("session"); if (session != null) { $.mobile.changePage("/https://stackoverflow.com/questions/13107644/jquery-mobile-autocomplete-different-behavior-at-loading-page/newReservations/newReservation.htm", {data:session}); } }   

• 具有自动填充function的页面：与http://andymatthews.net/code/autocomplete/search.html中的代码相同

谢谢你的帮助！

亲切的问候，亲

Answer 1

您可以在head标记中导入自动完成脚本。 由于JQM只加载一次（您打开的第一个页面）然后使用data-role="page"从您要转到的页面动态加载div ，因此第一页中的head标记始终用于您的页面中从该页面重定向到。

有关更多信息，请阅读此页面： http ： //jquerymobile.com/test/docs/pages/page-scripting.html （头文中的脚本和样式）

所以你需要添加这一行：

给你的页面div，像这样：

 
  
 //rest of the code.... 
//end of data-role="page" 

这样，当JQM使用AJAX拉入页面时，将加载脚本，当您直接转到页面时，它也可用