0

目前我在 jquery mobile ( http://andymatthews.net/code/autocomplete/ ) 中的自动完成功能有问题。因此，如果我直接通过 url 运行页面，页面和自动完成功能将毫无问题地工作。如果我通过例如带有 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>

谢谢你的帮助！

亲切的问候，亲

4

1 回答 1

1

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

有关更多信息，请阅读此页面：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 拉入页面时，脚本将被加载，并且在您直接进入页面时也可以使用

于 2012-10-28T09:33:26.800 回答