开发者

jQuery Mobile ASP.NET MVC3 Error

开发者 https://www.devze.com 2023-03-14 08:38 出处:网络
I am trying to develop a mobile site using jQuery mobile and ASP.NET MVC 3. I have a simple login view as follows:

I am trying to develop a mobile site using jQuery mobile and ASP.NET MVC 3. I have a simple login view as follows:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <link href="@Links.Content.Site_css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />

    <script src="@Links.Scripts.jquery_1_5_1_min_js" type="text/javascript"></script>
    <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.js"></script>
</head>

<body>
    <div data-role="page">
        <div data-role="header">
            <h1>Login</h1>
        </div>
        <div data-role="content">
           @using (Html.BeginForm())
{ 

<div data-role="fieldcontain">
    <label for="username"开发者_C百科>Username:</label>
    <input type="text" name="username" id="username" value="" />
</div>
<div data-role="fieldcontain">
    <label for="password">Password:</label>
    <input type="password" name="password" id="password" value="" />
</div>

<div data-role="fieldcontain">
    <fieldset data-role="controlgroup">
        <legend></legend>
        <input type="checkbox" name="rememberMe" id="rememberMe" class="custom" />
        <label for="rememberMe">Remember Me</label>
    </fieldset>
</div>

<input type="submit" value="Login" data-theme="e" />

}
            </div>
        <div data-role="footer">
                          </div>
    </div>

</body>
</html>

Below is the code for my controller:

public partial class AccountController : Controller
    {
        [HttpGet]
        public virtual ActionResult Login()
        {
            return View();
        }

        [HttpPost]
        public virtual ActionResult Login(string username, string password)
        {
            return MVC.Admin.Home.Index();
        }
    }

When the login button is clicked I just want to redirect the user to the home screen. But for some reason I get the following error:

Microsoft JScript runtime error: Unable to get value of the property '_trigger': object is null or undefined Line Number 2371: to.data( "page" )._trigger( "beforeshow", null, { prevPage: from || $("") } );

Can anyone help me with this issue?


You must include the div with tag [data-role="page"] on your page

<div data-role="page" data-theme="b"></div>
0

精彩评论

暂无评论...
验证码 换一张
取 消

关注公众号