jquery - ASP.NET MVC 3 上的 jQuery Mobile 主题分配失败

Question

我正在尝试使用 ASP.NET MVC 3 和 jQuery Mobile 创建一个 Web 应用程序。我想做的就是获得一个简单的页面来运行。

我已将元、脚本和 css 引用添加到我的头部:

<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="@Url.Content("~/Content/themes/mobile/jquery.mobile-1.1.0-rc.1.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery-1.7.2.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.mobile-1.1.0-rc.1.js")" type="text/javascript"></script>

我的 body 很简单:

@RenderBody()

在我的索引 View 中，我有基本的 jQuery 页面标记:

<div data-role="page">
    <div data-role="header">
        <h1>Page Title</h1>
    </div>
    <div data-role="content">
        <h2>@ViewBag.Message</h2>
        <p>
            To learn more about ASP.NET MVC visit <a href="http://asp.net/mvc" title="ASP.NET MVC Website">
                http://asp.net/mvc</a>.
        </p>
    </div>
    <div data-role="footer">
        <h4>Page Footer</h4>
    </div>
</div>

jQuery Mobile 已初始化，因为(大多数)正确的类已添加到页面/页眉/内容/页脚 div 中，但由于某种原因，它找不到主题的正确数据。

最终发生的事情是页面最终看起来像这样:

<div data-role="page" tabindex="0" class="ui-page ui-body-[object Object] ui-page-active" style="min-height: 965px; ">

正确的页面应该是这样的:

<div data-role="page" tabindex="0" class="ui-page ui-body-c ui-page-active" style="min-height: 965px; ">

我什至尝试过手动声明页面主题:

<div data-role="page" data-theme="c">

但这并不会改变结果。

知道为什么会发生这种情况吗？

Answer 1

我也遇到了同样的问题，在绞尽脑汁思考了太久之后，我回到了 jQuery v1.7.1，它成功了。由于 1.7.2 才 5 天前发布，我认为在 jQuery 主页上发布之前可能还需要进行更多测试。