0

mvc4アプリをモバイルフレンドリーなアプリに変換しています。nugetを介してjquery.mobileとjquery.mobile.mvcをインストールしました

私のlayout.mobile.cshtmlのコードは次のとおりです

<link href="@Url.Content("~/Content/Mobile/Site.Mobile.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/Mobile/jquery.mobile-1.2.0.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/Mobile/jquery.mobile-1.2.0.min.js")" type="text/javascript"></script>

しかし、ユーザーエージェントをiPhoneとして設定してアプリを実行すると、ページが読み込まれる前でも次の例外が発生します

Exception Description: ![Jscript run time error][1] in  $.mobile is undefined in jquery-mobile-1.2.0.js

jqueryを使用したモバイル開発は初めてです。また、モバイルエージェントで表示しているときに画像を縮小する方法を教えてもらえますか？次のコードを使用していますが、モバイルエージェントを使用すると、IE8とmvc4を使用しているデスクトップと同じくらい大きな画像になります。助けてください？

<head>
    @using System;
    @using System.Web;
    <title>@ViewBag.Title </title>
    <link href="@Url.Content("~/Content/Mobile/Site.Mobile.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/themes/custom-theme/jquery.ui.all.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/Icons/icons.css")" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
    <meta name="viewport" content="width=device-width">
      @System.Web.Optimization.Styles.Render("~/Content/Site.Mobile.css")
          @System.Web.Optimization.Scripts.Render("~/bundles/jquery")
</head>
4

1 に答える 1

0

「メイン」Jqueryへの参照を入れましたか?

この例を参照してください: http://jquerymobile.com/demos/1.2.0/docs/about/getting-started.html

また、jquery mobile は 1 つだけ必要です。jquery.mobile-1.2.0.min.js は「圧縮」および最適化されたライブラリであり、jquery.mobile-1.2.0.js はデバッグ ライブラリです。「メイン」のjqueryと同じです。

于 2013-01-08T15:31:37.160 に答える