Jquery Mobile + MVC 2 - 如何在表单提交上停止转换

时间:2012-04-25 08:17:06

标签: asp.net-mvc jquery-mobile

我正在使用ASP.NET MVC 2和Jquery Mobile开发Web应用程序。 我在下面的代码中将默认转换设为“幻灯片”而不是“淡入淡出”

$(document).bind("mobileinit", function() {        
    $.mobile.defaultPageTransition = "slide";
    $.mobile.defaultDialogTransition = "slide";
});

我还有一个如下所示的表格:

<% using (Html.BeginForm())
           { %>
        <%= Html.ValidationSummary(true, Vesuvius_mvc.Resources.Validation.LoginFailed) %>
        <div data-role="fieldcontain">
            <legend></legend>
            <div class="editor-label">
                <%= Html.LabelFor(m => m.Email) %>
            </div>
            <div class="editor-field">
                <%= Html.TextBoxFor(m => m.Email)%>
                <%= Html.ValidationMessageFor(m => m.Email) %>
            </div>
            <input type="submit" name="btnLogin" id="btnLogin" data-theme="b" value="<%= Html.Encode(Resources.Common.Login)%>" />
        </div>
        <% } %>

每当我点击“登录”按钮时,它会触发幻灯片转换,最终可能会转到同一页面,并在字段旁标记错误。看起来用户不喜欢在同一表格上滑动。有没有办法在所有表单提交事件上停止幻灯片转换?

我已经尝试将data-transition =“none”放到标记中,但它不起作用。

0 个答案:

没有答案