我正在将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>
答案 0 :(得分:0)
你有没有提到“主”Jquery?
请参阅此示例:http://jquerymobile.com/demos/1.2.0/docs/about/getting-started.html
另外:你只需要一个jquery手机。 jquery.mobile-1.2.0.min.js是“压缩”和优化的库,jquery.mobile-1.2.0.js是debuging的。与“主要”jquery相同。