jQuery移动端不能正确渲染页面


jQuery mobile not rendering pages properly

我正在使用jQuery mobile和一个定制的PHP框架来设计一个移动web应用程序。框架有一个布局。模板中的php文件,它定义了视图的基本布局,它包含:

<body>
    <div data-role="page" id="layout">
        <div data-role="header">.....</div>
        <div data-role="content">
            <?= $menu_bar ?>
            <img src="images/system/logo.gif">
            <?= $body ?>
        </div>
        <div data-role="footer">
        </div>
    </div>    
</body>

那么每个控制器都有一个或多个包含标记的专用视图。但我面临的问题是,当我点击主页上的任何链接时,它打开了第二页,但第二页上的图像路径附加到第一页上。如:如果我加载第一页,一切都很好,页面的url是"localhost/project/login"。当第二页打开时,第二页上的图像源变为"localhost/project/loginimages/system/logo.gif"。当我手动刷新页面时,它会恢复正常,即"images/system/logo.gif"。为什么会发生这种情况?

另一件事发生了,当我登录或注销控制器的名称仍然在URL中。但是,实际上登录和注销功能会转到某个控制器,然后将用户重定向到专用页面。但是对于jQuery移动重定向似乎不起作用。我试着在网上搜索,但找不到任何帮助。

希望我已经解释清楚了

由于第二页的图像源更改为"localhost/project/loginimages/system/logo.gif",这意味着你没有绝对链接,或者你可以尝试加载页面白色ajax,尝试将data-ajax="false"添加到链接属性