0

JQueryを学習していて、ASP.NET MVC4で動作させようとしています。モバイルブラウザーで正しく表示されないようです。ホームボタン、リストビュー、ボタンなど...なぜこのように表示されるのでしょうか。

ここに画像の説明を入力してください

マスターレイアウトページのコード：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale = 1" />
    <link href="@Url.Content("~/Content/jquery.mobile.theme-1.1.0.min.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.7.2.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.mobile-1.1.0.min.js")" type="text/javascript"></script>

    @*<link rel="stylesheet" href="@Url.Content("~/Content/Site.Mobile.css")" />*@

</head>
<body>
    <div data-role="page" data-theme="b">

        <div data-role="header" data-theme="a">
        <a href="@Url.Content("~")" data-icon="home" data-iconpos="notext">Home</a>
            @Html.Label("Hello World")

            <div data-role="navbar">
                <ul>
                    <li><a href="#">Logo</a></li>
                    <li><a href="#">Apparel</a></li>
                    <li><a href="#">Design</a></li>
                    <li><a href="#">Art</a></li>
                </ul>
            </div>
        </div>
        <div data-role="content">
            @*@RenderSection("featured", false)*@
            @RenderBody()
        </div>
        <div data-role="footer">
        <h1>Thank you</h1>
        @Html.Partial("_ViewSwitcher")
        </div>
    </div>
</body>
</html>
4

2 に答える 2

0

~/行 6 の前に行方不明です。それContent/jquery.mobile.theme-1.1.0.min.cssはあなたが意図したものですか?

于 2012-07-18T06:15:25.647 に答える
0

とった。「jquery.mobile-1.1.0.css」ファイルは、mobile.theme ファイルではなく参照する必要があります。

ありがとうございました。

于 2012-07-18T06:31:24.947 に答える