Сбой назначения темы для jQuery Mobile на ASP.NET MVC 3

Question

Я пытаюсь создать веб-приложение, используя ASP.NET MVC 3 и jQuery Mobile.Все, что я пытаюсь сделать, - это запустить простую страницу.

Я добавил ссылки на мета, сценарии и 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>

, и мое тело просто:

@RenderBody()

В моем представлении индекса яиметь базовую разметку страницы 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 page / header / content / footer, но по какой-то причине этоне найдены правильные данные для темы.

В конечном итоге страница выглядит так:

<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.