Question

这是我的Phonegap代码：

<html>
    <head>      
        <meta name="format-detection" content="telephone=no">
        <meta name="msapplication-tap-highlight" content="no">
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
        <link rel="stylesheet" type="text/css" href="css/index.css">
        <title>Hello World</title>
        <style type="text/css">
             #footer{
                position: absolute;
                bottom: 0;
                width: 100%;
            }
        </style>
    </head>
    <body style="margin: 0px;">
        <!--<h1>Apache Cordova</h1>
        <p id="registration"></p>
        <ul id="pushList"></ul>-->
        <div data-role="page">
            <div data-role="header">
            <h1>Page Title</h1>
        </div><!-- /header -->

        <div role="main" class="ui-content">
            <iframe src="https://geckoadv.netsons.org/" style=" margin:0px; padding: 0px; border: 0px;" > 
        </div><!-- /content -->

        <div data-role="footer">
            <h4>Page Footer</h4>
        </div><!-- /footer -->

        </div><!-- /page -->

        <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
        <script type="text/javascript" src="cordova.js"></script>
        <script type="text/javascript" src="js/index.js"></script>
    </body>
</html>

当我在页面内添加iFrame时，jQuery Mobile停止工作，并且页脚未显示。
如果删除iFrame，一切正常。

有什么想法或建议吗？

Answer 1

我没有用</iframe>关闭iFrame标签

jQuery mobile停止在同一页面上使用iFrame-Phonegap

1 个答案: