使用ajax / Jquery Mobile-PhoneGap时,Iphone模拟器找不到页面

时间:2012-01-14 14:51:06

标签: javascript iphone jquery-mobile cordova ios-simulator

我正在使用jQuery Mobile和PhoneGap为iPhone创建一个webapp。在Safari for Mac和Chrome for Windows中,一切正常。

当我去iPhone模拟器时,问题就开始了。除了名为“Article.html”的按钮之外,每个带有任何页面链接的按钮都可正常工作。从应用程序打开此页面的唯一方法是通过执行rel =“external”来关闭ajax。

为了让它发挥作用,我已经做了一切。我删除了该文件并通过添加将其恢复 - >现有的文件没有运气。页面“Article.html”的内容非常简单,我不认为这是问题,因为它甚至没有加载页面。加载符号永远存在。

<!DOCTYPE html> 
<html>
    <head>
        <!--jquery and css files are being loaded in another page-->
        <title>This Date in History</title> 
    </head>
<body>
    <div data-role="page" class="type-interior" id="Article" data-add-back-btn="true" data-dom-cache="false"> 
        <div data-role="header" data-theme="a" data-position="fixed">
            <h1></h1>
            <a href="home1.html" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home" data-prefetch>Home</a>
        </div><!-- /header -->
        <div data-role="content">
                <h4 id="title"></h4>
                <h5 id="date"></h5>
                <div style="text-align:center;">
                    <img id="img" style="max-height: 138px; max-width: 200px; overflow: hidden;" src=""/>
                </div>
                <p id="milestone_text"></p>

                <a href="" id="more" data-role="button" data-icon="forward" rel="external">More about this event</a>
                </div><!-- /content -->
        <div data-role="footer" class="footer-docs" data-theme="a">
            <center><h5> Archives</h5></center>
        </div><!-- /footer -->
    </div><!--Page ends here-->
</body>

任何建议都会得到赞赏..

2 个答案:

答案 0 :(得分:1)

    <a href="home1.html" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home" data-prefetch>Home</a>

请给出home1.html

的href的完整路径

答案 1 :(得分:0)

我通过逐行测试找到了答案。

出于某种原因,这条线路存在问题:

<a href="" id="more" data-role="button" data-icon="forward" rel="external">More about this event</a>

如您所见,href为空白。我只是把一个虚假的网址

 <a href="www.google.com" id="more" data-role="button" data-icon="forward" rel="external">More about this event</a>

这解决了这个问题。

很奇怪,但它确实有效。

感谢您的帮助。