jQuery移动脚本不会在外部页面加载上运行,如何运行?

jQuery移动脚本不会在外部页面加载上运行,如何运行?,jquery,cordova,jquery-mobile,load,page-init,Jquery,Cordova,Jquery Mobile,Load,Page Init,我有两个页面,index.html和about.html在jQuery手机和Phonegap应用程序中 index.html <!DOCTYPE html> <html> <head> <title>Page Title</title> ... load jquery and jquery mobile... </head> <body> <div data-role=

我有两个页面,index.html和about.html在jQuery手机和Phonegap应用程序中

index.html

<!DOCTYPE html> 
<html> 
<head> 
    <title>Page Title</title> 
    ... load jquery and jquery mobile...
</head> 

<body> 
    <div data-role="page" id="index">
    ...content goes here...
        <a href="about.html"  data-role="button">about</a>
    </div>
</body>
</html>
而about.html只是页面数据角色

<div data-role="page" id="about">
<a href="index.html" data-rel="back" data-icon="back" data-transition="slide">Back</a>
...content goes here...

<a href="#dialog" id="form_dialog" data-rel="popup">qweqwe</a>
<div data-role="popup" id="dialog" data-overlay-theme="a" data-position-to="window">
    <div data-role="content" data-theme="c">
        <a href="#page" data-role="button" data-theme="c" >Ok</a>
    </div>
</div>

</div>
我遇到的问题是,一旦我加载了about页面,对话框和反向链接就不起作用了

如果我把弹出的html放在索引中,它就会工作

此外,当新页面加载时,样式也在那里,这意味着jquery mobile已加载

对这个问题有什么想法吗


据我所知,您的代码运行良好,非常感谢

我已经根据您的示例创建了这些文件_

index.html

<!DOCTYPE html> 
<html> 
<head> 
    <title>Page Title</title> 
    ... load jquery and jquery mobile...
</head> 

<body> 
    <div data-role="page" id="index">
    ...content goes here...
        <a href="about.html"  data-role="button">about</a>
    </div>
</body>
</html>
关于.html

上面的代码工作得很好。也许您有jQuery Mobile和jQuery版本不匹配的问题?代码中唯一有问题的部分是“后退”按钮:

<a href="index.html" data-rel="back" data-icon="back" data-transition="slide">Back</a>
不要将href位置与data rel=back一起使用,data rel=back具有更高的优先级,因此这不是错误。此外,关闭弹出窗口后,此后退按钮无法正常工作。如果您在弹出窗口关闭后单击它,它将首先引导您返回about.html,然后单击引导您返回index.html。这不是一个错误,弹出窗口将被视为另一个页面操作


因此,如果是后退按钮,请删除数据rel=back。这将修复它,使其在about.html页面上正常工作。

Sry删除它,这是我的另一个示例的遗留内容。我还需要about页面上的元素吗?你能发布你的索引、html标题内容吗?js/cordova-2.3.0.js在这种情况下导致了问题。对于C级移动浏览器,建议使用data rel=back的是do set href。
<a href="index.html" data-rel="back" data-icon="back" data-transition="slide">Back</a>