0

因此，我尝试使用加载功能将 div 的内容从一个网页拉到我们移动页面上的 div 中。在我的桌面浏览器上，一切都很好。代码完美地提取了我需要的所有信息。但由于某种原因，在我的 android 浏览器上进行测试时，它并没有提取信息。相反，屏幕左下方有一些文字显示“正在加载”，但没有加载任何内容。这是我在网站上使用的代码片段：

<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>

<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>

<script>$(document).ready(function(){ $('#newevents').load('http://www.kobebistro.com/5/special.php #events'); });</script>

您可以查看完整的站点/源代码

最近几天我一直卡住。任何帮助将不胜感激！

4

1 回答 1

0

问题（至少为什么您会看到“加载”文本）是由于 jQuery Mobile 的 CSS 文件未添加到您的页面。您在底部看到的“正在加载”文本实际上是 jQuery Mobile 页面转换/加载。

将以下样式表链接添加到页面顶部：

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>

或者，使用以下 CSS 规则隐藏现有样式表：

.ui-loader {
    display: none;
}

我已经设置了一个适用于我的示例，适用于桌面（在 Firefox 和 Chrome 上测试）和 Android 移动浏览器（2.3）：
http ://www.jonwarner.net/stackoverflow/10940849/mobile/index.htm

我还建议您通过以下页面解剖检查页面创建：http:
//jquerymobile.com/demos/1.1.0/docs/pages/page-anatomy.html

如果您使用以下代码，您会看到任何警报吗？

<script>$(document).ready(function(){ alert('document ready called'); });</script>

从上面继续，考虑添加一个回调并检查响应：

$("#newevents").load("http://www.kobebistro.com/5/special.php#events", function(response, status, xhr) {
  alert(JSON.stringify(xhr));
});

JSFiddle 设置希望能帮助您解决问题：

http://jsfiddle.net/X3B6t/1/

于 2012-06-07T22:53:58.133 回答