Jquery mobile jQuery mobile运行滞后，响应延迟_Jquery Mobile

Jquery mobile jQuery mobile运行滞后，响应延迟

jquery-mobile

Jquery mobile jQuery mobile运行滞后，响应延迟,jquery-mobile,Jquery Mobile,我似乎在设置和使用jquery mobile时遇到了一些问题。问题是，如果您将鼠标悬停在ul中的列表项上，动画会出现巨大的延迟，这与将鼠标悬停在平板电脑上是一样的。我的页面很简单，几乎完全取自jQuery移动教程。您可以查看下面的代码或访问：aliahealthcare.com/jquerymobile以复制相同的环境。谢谢我的代码： <!DOCTYPE html> <html> <head> <title>My Page</tit

我似乎在设置和使用jquery mobile时遇到了一些问题。问题是，如果您将鼠标悬停在

ul

中的列表项上，动画会出现巨大的延迟，这与将鼠标悬停在平板电脑上是一样的。我的页面很简单，几乎完全取自jQuery移动教程。您可以查看下面的代码或访问：aliahealthcare.com/jquerymobile以复制相同的环境。谢谢

我的代码：

 <!DOCTYPE html> 
<html> 
<head> 
<title>My Page</title> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<script src="https://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="https://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
</head> 
<body> 

<div data-role="page">

<div data-role="header">
    <h1>Select a Class Type</h1>
</div><!-- /header -->

<div data-role="content">   
<ul data-role="listview" data-inset="true">
<li><a href="#">
    <img height="100px" src="https://static.webresint.com/images/micro.hostel.com/gallery/34561.jpg">
    <h2>Day Class</h2>
    <p>Broken Bells</p></a>
</li>
<li><a href="#">
    <img src="http://sweetclipart.com/multisite/sweetclipart/files/sunset_hills.png">
    <h2>Evening Class</h2>
    <p>Hot Chip</p></a>
</li>
<li><a href="#">
    <img src="http://www.webweaver.nu/clipart/img/nature/planets/cartoon-moon.png">
    <h2>Night Class</h2>
    <p>Phoenix</p></a>
</li>
</ul>
</div><!-- /content -->

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

</body>
</html>


我的页面
选择一个类类型

问题在于您正在使用非常大的图像，并在浏览器中重新缩放它们。最大的罪魁祸首是日落山.png。这是一张被注释掉的图片，你已经注意到性能上的巨大差异

与其使用css或img属性调整图像大小，不如使用更小版本的图像（最好尝试使用）。如果您需要支持基于屏幕大小的多个大小，那么您可以通过使用显示图像来实现这一点

也就是说，我不太清楚为什么chrome和其他浏览器在性能上有如此大的差异

作为补充，您正在链接到jQueryMobile 1.0.1的css，但您正在使用jQueryMobile 1.3.2。此外，JQM 1.3.2支持jQuery 1.9.1（当您链接到jQuery 1.6.4时）。

我没有注意到任何延迟，这可能是在特定的浏览器中吗？仅在移动设备上？很抱歉延迟，但它在我的电脑和平板电脑上，我刚刚检查了浏览器，这似乎是chrome的问题，我猜android平板电脑上的浏览器应用程序与chrome和平板电脑上的chrome应用程序构建在同一平台上。经过一番尝试，我发现了这一点，并感谢您的支持旁注！我甚至没注意到。谢谢