Question

所以我试图使用加载功能将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>

您可以查看full site/source code

过去几天我一直被困住了。任何帮助将不胜感激！

Answer 1

问题（至少为什么你看到'loading'文本）是由于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/

Jquery Load功能无法在移动浏览器中运行

1 个答案: