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 进行移动开发的新手。还有谁能告诉我现在在移动代理中查看时如何缩小图像我正在使用以下代码，但是当我使用移动代理时，图像与桌面一样大，我使用的是 IE 8 和 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。jquery.mobile-1.2.0.min.js 是“压缩”和优化的库，jquery.mobile-1.2.0.js 是调试库。与“主要”jquery 相同。

于 2013-01-08T15:31:37.160 回答