JQuery 插件 - BlockUI - 在 Visual Studio 中工作起来很奇怪?

发布于 2024-09-10 20:54:13 字数 529 浏览 5 评论 0原文

使用 BlockUI JQuery 插件,我在 ASP.Net 页面中发现了奇怪的行为。

我已经实现了 BlockUI 插件演示之一(您可以在这里尝试原始版本 - http:// malsup.com/jquery/block/#dialog )在 ASP.Net 页面中。

当我从 Visual Studio (MVWD 2010 Express) 提供此页面时,“您想继续吗?”对话框按其应有的方式出现,但随后(而不是等待我按下按钮)在 1 后消失至 2 秒。

谁能解释为什么会这样? ASP.Net 呈现的 HTML 可以在 http://pastie.org/1057741 中看到(第 139 行- 165是主要位)。

如有任何建议,将不胜感激。

Using the BlockUI JQuery plugin I find strange behaviour from within an ASP.Net page.

I've implemented one of the BlockUI plugin demos (you can try out the original here - http://malsup.com/jquery/block/#dialog ) within an ASP.Net page.

When I serve this page from Visual Studio (MVWD 2010 Express) the 'Would you like to continue' dialog appears as it should but then (rather than waiting for me to press a button) just disappears after 1 to 2 seconds.

Can anyone explain why this might be ? The HTML rendered by the ASP.Net is visible at http://pastie.org/1057741 (lines 139-165 are the main bit).

Would appreciate any suggestions.

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

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

发布评论

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

评论(1

素衣风尘叹 2024-09-17 20:54:13

非常感谢“使用 JQuery 插件”论坛 (http://forum.jquery. com/using-jquery-plugins)这个问题已经解决。

值为“Show Dialog”的输入元素的“type”属性为“Submit”,这导致了回发。

<input id="test" type="submit" value="Show Dialog" />

有两种方法可以解决此问题:

  1. 将“type”更改为“button”或...
  2. 将“return false”放在两个 JS 函数中

FWIW 我还修改了原始示例代码(如 http://pastie.org/1057741) 来处理对不存在的(在我的环境中)资源“wait.php”的ajax调用。生成的代码块可在以下位置查看: http://pastie.org/1061480

Well thanks to the folks on the 'Using JQuery plugins' forum (http://forum.jquery.com/using-jquery-plugins) this has been resolved.

The 'type' attribute of the input element with value 'Show Dialog' was 'Submit' which was causing a postback.

<input id="test" type="submit" value="Show Dialog" />

There were two ways to fix this:

  1. Change 'type' to 'button' or ...
  2. Put 'return false' within the two JS functions

FWIW I also amended my original example code (shown at http://pastie.org/1057741) to deal with the ajax call to the non-existent (in my environment) resource 'wait.php'. The resulting code block is visible at : http://pastie.org/1061480 .

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