asp.net mvc3,razor,jquery移动视图导航问题

时间:2011-03-02 13:18:37

标签: jquery asp.net-mvc mobile razor

我从一个移动页面导航到另一个移动页面,页面显示但页面上的控件

不会出现, 我使用jquery mobile和mvc 3用剃刀 这是我的代码

用于操作的主导航链接控制器。

public ActionResult List()
{
    if (Request.Browser.IsMobileDevice)
    {
        return View("List");
    }
    else
        return View("ListM");
}

查看将导航文件控制器的链接

@{
    Page.Title = "ListM";
    Layout = "~/Views/Shared/_LayoutMob.cshtml";
}
<div>
    <ul data-role="listview" >    
        <li>
            @Html.ActionLink("FileLink", "List", "File")
        </li>
    </ul>
</div>

这是_LayoutMob.cshtml页面(就像主人一样)

<!DOCTYPE html>
@using DomainModel.Extentions;
<html lang="en">
    <head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" />
    <script src="http://code.jquery.com/jquery-1.5.min.js"></script>    
    <script src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script>
    <style type="text/css">
    body { background: #dddddd;} 
    .gmap { height: 330px; width: 100%; margin: 0px; padding: 0px }
    </style>

    </head>
    <body data-role="page" data-theme="e"> 
        @RenderBody()
    </body>
</html>

这是控制器(即导航应该到达的链接)

public ActionResult List()
{
    if (Request.Browser.IsMobileDevice)
    {  
        return View("ListM");
    }
}

我正在使用的浏览器是Mozilla Firefox,IE8和iBB Demo2。

1 个答案:

答案 0 :(得分:2)

应该这个

public ActionResult List()
{
    if (Request.Browser.IsMobileDevice)
    {
        return View("List");
    }
    else
        return View("ListM");
}

是这个

public ActionResult List()
{
    if (Request.Browser.IsMobileDevice)
    {
        return View("ListM");
    }
    else
        return View("List");
}