在 Iphone 模拟器/Jquery Mobile-PhoneGap 中单击列表视图项后页面未加载答案

【问题标题】：Page doesn't load after clicking listview item in Iphone simulator /Jquery Mobile-PhoneGap在 Iphone 模拟器/Jquery Mobile-PhoneGap 中单击列表视图项后页面未加载
【发布时间】：2012-01-13 20:26:22
【问题描述】：

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

当我使用 iPhone 模拟器时，问题就开始了。我正在使用以下输出行动态填充列表视图：

output += "<li class='elist'> \
            <a href=\"article.html?id="+id+"\" data-transition=\"none\">    \
            <img src=\"img/"+ImageURL+"\" height='70' width='70' />         \
            <h4>"+Title+"</h4>                                              \
            <p>"+month[mMonth]+" "+mDay+", "+mYear+"</p>                    \
            </a> \
            </li>";

生成列表元素后，我单击此列表元素，加载图标将永远显示，它甚至不会加载页面。如果我尝试rel=external，它将破坏动画和 Jquery 移动的目的。

知道为什么会发生这种情况以及如何解决吗？

【问题讨论】：

Iphone 模拟器好像找不到 Article.html。我尝试将 href="Article.html" 添加到链接中，但仍然得到相同的结果。我已经删除并添加了文件，但没有运气。我没有运气重命名文件。发生了什么事？

标签： javascript iphone ios jquery-mobile cordova

【解决方案1】：

您确定article.html 文件与链接到它的页面位于同一目录中吗？

另外，您正在向新页面传递一个查询字符串。您如何解析 article.html 文档中的查询字符串？

【讨论】：

我 100% 确定该页面位于同一文件夹中。另一方面，我认为问题与我传递给 article.html 页面的参数无关。我尝试删除参数，但仍然得到相同的结果。我使用以下内容进行解析： function getUrlVars() { var vars = {}; var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) { vars[key] =价值; }）;返回变量； }