jQuery Mobile 1.3.x 列表视图在 Internet Explorer 9/10 和 IE 8 手机上呈现不正确的问题。它可以在 Chrome、Safari、iOS 上的 Safari 和 IE 9/10 上的 jQuery Mobile 1.2.1 上正确呈现。我在 Win7 上运行 VS 2012、C#、MVC 和 Razor。
要使用 VS 2012 重现,使用 Razor 生成 ASP.NET MVC 4 移动项目,然后使用 NuGet 升级到 jQuery Mobile 1.3.0 或 1.3.1。
主页上的这段代码在列表项和左边框的项目符号之间有额外的空间:
<ul data-role="listview" data-inset="true">
<li data-role="list-divider">Navigation</li>
<li>@Html.ActionLink("About", "About", "Home")</li>
<li>@Html.ActionLink("Contact", "Contact", "Home")</li>
</ul>
升级前: https ://dl.dropboxusercontent.com/u/47974701/Capture%20B4.PNG
升级到 1.3.0 jQuery Mobile 后: https ://dl.dropboxusercontent.com/u/47974701/Capture%20After.PNG