在 JQueryMobile 中禁用 Ajax

发布于 2024-10-18 22:15:48 字数 259 浏览 1 评论 0原文

我正在尝试使用 JQueryMobile 进行 POC,似乎即使我使用 @using (Html.BeginForm()) 而不是 @using (Ajax.BeginForm()),默认情况下也会启用 ajax。它是从脚本文件之一 [ ~/Scripts/jquery.mobile-1.0a2.js ] 注入的。

所以我想要的是简单地禁用某些表单的 Ajax 并执行完整的表单帖子。这可能是相当明显的,但我就是无法理解它。

任何帮助表示赞赏。

/BB

I'm trying to use JQueryMobile for an POC and it seems even though I use @using (Html.BeginForm()) instead of @using (Ajax.BeginForm()), ajax is enabled by default. It is being injected from one of the script files [ ~/Scripts/jquery.mobile-1.0a2.js ].

So what I want is to simply disable the Ajax for certain forms and do full form posts. This might be pretty abvious, but i simply cant get my head around it.

Any help is appreciated.

/BB

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

梦与时光遇 2024-10-25 22:15:48

您必须正确设置 jquery 移动框架才能禁用其自动 ajax

记录如下:

http://jquerymobile.com/demos/1.0a3/#docs/api/globalconfig.html

You have to set up the jquery mobile framework correctly to disable its auto - ajax

Here it's documented:

http://jquerymobile.com/demos/1.0a3/#docs/api/globalconfig.html

轮廓§ 2024-10-25 22:15:48

你可以做这样的事情。

<html lang="en-us">
<head>
    <title>@ViewBag.Title</title>
    <link href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.5.min.js")" type="text/javascript"></script>

    <script language="javascript" type="text/javascript">
        $(document).bind("mobileinit", function () {
            $.mobile.ajaxFormsEnabled = @ViewBag.EnableAjax;
        });
    </script>

    <script src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js" type="text/javascript"></script>
</head>
<body>
    <div data-role="page" data-cache="never">
        <div data-role="header">
            <h1>@ViewBag.HeaderString</h1>
        </div>
        <div data-role="content">
            @RenderBody()
        </div>
        <div data-role="footer">
            <h1>HTDE</h1>
        </div>
    </div>
</body>
</html>

You could do something like this.

<html lang="en-us">
<head>
    <title>@ViewBag.Title</title>
    <link href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.5.min.js")" type="text/javascript"></script>

    <script language="javascript" type="text/javascript">
        $(document).bind("mobileinit", function () {
            $.mobile.ajaxFormsEnabled = @ViewBag.EnableAjax;
        });
    </script>

    <script src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js" type="text/javascript"></script>
</head>
<body>
    <div data-role="page" data-cache="never">
        <div data-role="header">
            <h1>@ViewBag.HeaderString</h1>
        </div>
        <div data-role="content">
            @RenderBody()
        </div>
        <div data-role="footer">
            <h1>HTDE</h1>
        </div>
    </div>
</body>
</html>
终止放荡 2024-10-25 22:15:48

只需将以下行添加到您的页面中,显然您也必须在 document.Ready() 函数下添加此行:

$.mobile.ajaxEnabled = false;

Just add the following line to your page, obviously you have too add this under the document.Ready() function:

$.mobile.ajaxEnabled = false;
眸中客 2024-10-25 22:15:48

注意:如果您使用的是 Jquery Mobile beta,则禁用 ajax 的配置参数已更改。

http://jquerymobile.com/blog/2011/ 06/20/jquery-mobile-beta-1-released/

“使用 ajaxEnabled 全局设置自动 ajax 处理。”

以下是 beta 配置文档的链接:
http://jquerymobile.com/demos/1.0 b2/#/demos/1.0b2/docs/api/globalconfig.html

我花了很长时间才弄清楚这一点。

Note: If you are using Jquery Mobile beta, the configuration parameter for disabling ajax has changed.

http://jquerymobile.com/blog/2011/06/20/jquery-mobile-beta-1-released/

"Use ajaxEnabled to globally set auto-ajax handling."

Here's a link to the documentation for beta configs:
http://jquerymobile.com/demos/1.0b2/#/demos/1.0b2/docs/api/globalconfig.html

It took me way to long to figure this one out.

早乙女 2024-10-25 22:15:48

有一种更简单的方法..只是从 JqueryMobile 文档

http:// /jquerymobile.com/demos/1.0a3/#docs/api/globalconfig.html

您所要做的就是

ajaxFormsEnabled :false

there is an easier way.. just figured it out from JqueryMobile documentation

http://jquerymobile.com/demos/1.0a3/#docs/api/globalconfig.html

all you have to do is,

ajaxFormsEnabled :false

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文