-->

在加载页面jQuery Mobile的自动完成不同的行为(jquery mobile autocom

2019-08-02 01:48发布

目前,我已经在jQuery Mobile的自动完成功能(问题http://andymatthews.net/code/autocomplete/ )。 所以,如果我直接通过URL运行页面,页面和自动填充功能将工作没有任何问题。 如果我通过例如一个MainMenu浏览网页与changepage功能,自动完成功能将无法正常工作!

你能给我一个建议吗?

我的代码:

主菜单:

<li>
    <a id="buttonNewReservation" href="newReservations/newReservation.htm">Neue Reservation</a>
    <script type="text/javascript">
        $.cookie.json = true;
        $('#buttonNewReservation').click(newReservation);

        function newReservation() {
            var session = $.cookie("session");
            if (session != null) {
                $.mobile.changePage("/newReservations/newReservation.htm", 
                       {data:session});
            }
        }   
    </script>
</li>
  • 页面自动完成:相同的代码作为http://andymatthews.net/code/autocomplete/search.html

谢谢你的帮助!

亲切的问候,亲

Answer 1:

您可以在导入自动完成脚本head标记。 作为JQM只加载此一次(你打开第一页),然后动态加载div从你想要去与页面data-role="page" ,从第一页头标记总是在页面中使用你重定向到从该网页。

欲了解更多信息,请阅读此页: http://jquerymobile.com/test/docs/pages/page-scripting.html (脚本和样式的头)

所以,你需要加入这行:

<script src="jqm.autoComplete-1.4.3-min.js"></script>

你页面的div,像这样:

<div data-role="page" id="mainPage">
    <script src="jqm.autoComplete-1.4.3-min.js"></script>
    <div data-role="header">
    //rest of the code....
</div>//end of data-role="page"

这样,当JQM使用AJAX页面拉,它也将提供当你直接到页面脚本会被加载



文章来源: jquery mobile autocomplete different behavior at loading page