1

我正在努力将我现有的 MVC 网站转换为对移动设备友好。单击链接时出现问题，它显示空白页面。如果我删除 _Layout.Mobile.cshtml 中的以下链接

@System.Web.Optimization.Scripts.Render("~/bundles/jquery")
@System.Web.Optimization.Scripts.Render("~/bundles/jquerymobile")

然后它工作正常，但我失去了所有的样式和网页上的文字显示非常小。我正在使用 Opera Mobile 模拟器进行测试。链接是本地的，类似于“localhost:62234/Articles/10”。

只是为了提供更多背景信息，我将我的 Framework 4.5 MVC 网站转换为对移动设备友好。我已经添加了所有需要的库，并且主页运行良好。在主页上按下链接时出现问题。最初单击链接什么也没做，然后我做了一些研究，发现我必须在链接中添加标签 rel="external" 才能使它们起作用。现在链接工作但显示空白页面。任何帮助是极大的赞赏。

4

1 回答 1

1

这是我找到的解决方案，最终解决了我的问题。这是我的代码现在的样子..in _Layout.Mobile.cshtml

@System.Web.Optimization.Scripts.Render("~/bundles/jquery")
@System.Web.Optimization.Scripts.Render("~/bundles/jquerymobile")

<script type=”text/javascript” src=”@Url.Content("~/Scripts/jquery-2.0.2.min.js")"></script>
<script type=”text/javascript”&gt;
    $(document).bind("mobileinit", function () {
    $.mobile.ajaxEnabled = false;
    });
</script>
<script type=”text/javascript” src=”@Url.Content("~/Scripts/jquery.mobile-1.3.1.min.js")"></script>

我在这里找到了有关此问题的更多信息。希望这对其他人有帮助

于 2013-07-08T18:29:19.413 回答