MVC链接无法在jquery移动应用程序环境中运行

时间:2013-06-17 22:57:52

标签: asp.net-mvc jquery-mobile opera-mobile

我正在努力将我现有的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”才能使它们正常工作。现在链接工作但显示空白页面。任何帮助是极大的赞赏。

1 个答案:

答案 0 :(得分:1)

Here是我找到的解决方案,最终解决了我的问题。 以下是我的代码现在的样子..在_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”>
    $(document).bind("mobileinit", function () {
    $.mobile.ajaxEnabled = false;
    });
</script>
<script type=”text/javascript” src=”@Url.Content("~/Scripts/jquery.mobile-1.3.1.min.js")"></script>

我发现了一些有关此问题的更多信息Here。 希望这有助于其他人