JQuery Mobile沒有正確顯示框架圖形

我正在學習JQuery並試圖讓它與ASP.NET MVC 4一起工作。我似乎無法讓它在移動瀏覽器中正常顯示。主頁按鈕，列表視圖，按鈕等.. 它爲什麼會這樣顯示？JQuery Mobile沒有正確顯示框架圖形

enter image description here

代碼我的主人佈局頁面：

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

來源

2012-07-18 Shenaniganz

它是否在其他移動瀏覽器中被打破，或者只是歌劇？ – Conner 2012-07-18 06:00:05

另外，Site.Mobile.css文件中有什麼？ – Conner 2012-07-18 06:00:47

Site.Mobile.css並不存在，因此它已被註釋掉。我只是在那裏提供一個參考資料，以便將來我有這個文件。 – Shenaniganz 2012-07-18 06:02:14

明白了。「jquery.mobile-1.1.0.css」文件必須被引用，而不是mobile.theme之一。

謝謝。

來源

2012-07-18 06:31:24 Shenaniganz

你錯過~/Content/jquery.mobile.theme-1.1.0.min.css第6行前，這是你故意的嗎？

來源

2012-07-18 06:15:25 Conner

你是對的我是，但不是這樣。我想我在嘗試不同的事情/故障排除時錯過了它。我也嘗試從解決方案資源管理器拖放文件，該文件夾給了我「../../ Content/jquery/...」路徑。沒有解決問題:( – Shenaniganz 2012-07-18 06:21:16

我有一種感覺，你的JavaScript文件沒有被正確引用，確保它正確地查看你的文件樹，通常在這些情況下你根本不會使用'~'。開始'/'通常表示項目目錄的根目錄 – Conner 2012-07-18 06:23:08

我錯誤地引用了css MObile庫文件 – Shenaniganz 2012-07-18 16:49:19

JQuery Mobile沒有正確顯示框架圖形

回答

相關問題