如何使用BlockUI和Jquery中断ASP.NET按钮的回发

Question

我有一个ASP.NET页，上面有许多ASP：Button实例。 对于某些用户，我需要显示一个确认提示，并且如果用户选择是，则将调用原始的回发方法。 否则，整个过程将被取消。

我已经运行了一个示例，但结果不一致，主要是在FF3中，我抛出了异常：

[Exception... "Illegal operation on WrappedNative prototype object"  nsresult: "0x8057000c (NS_ERROR_XPC_BAD_OP_ON_WN_PROTO)"  location: "JS frame :: 

我已经查了这个错误，但是我在弄错我要去哪里。 这是我的示例案例。 注意，现在我仅使用css类作为查找。 长期来说，如果证明有必要，我可以将控件的clientID嵌入我的JS中：）。

HTML片段：

<asp:Button ID="StartButton" runat="server" CssClass="startbutton" Text="Start" OnClick="OnStartClicked" />

使用Javascript：

$(".startbutton").each(function(){
            $(document).data("startclick", $(this).get()[0].click);
            $(this).unbind("click");
        }).click(function(){
            var oldclick = $(document).data("startclick");
            alert("hello");
            try
            {
                oldclick();
            }
            catch(err)
            {
                alert(err);
                alert(err.description);
            }
            return false;
        });

我后面的代码相对简单，OnStart方法仅执行Response.Write

我只是刚刚开始研究绑定，解除绑定和触发，因此我在这里的用法几乎是“第一次”。

感谢您的帮助或建议。

小号

编辑：

这描述了我正在尝试做的事情，并给出了一些陷阱：

http://www.nabble.com/onClick-prepend-td15194791s27240.html

Answer 1

这个怎么样？

$(document).ready( function() {
    $('.startbutton').click(function() {
        return confirm('Are you sure?');
    })
});

Answer 2

我已经解决了IE7和FF3的问题。

诀窍是通过按钮上的ASP.NET属性使回发作为“ onclick”工作（见下文）。 在Javascript中，当您读取JQuery中的单击时，会将其作为函数参考提取。

要使其工作，请清除onclick属性（保存后），然后再调用它。

我下面的代码显示了它的作用。 这段代码并不完整，因为我正在将其转变为应用程序的通用提示。 它的布局也很糟糕！ 但是至少它显示了原理。

ASP.NET按钮

<asp:Button ID="StartButton" runat="server" CssClass="startbutton" Text="Start" OnClick="OnStart" UseSubmitBehavior="false" />

使用Javascript：

$(".startbutton").each(function(){
            $(document).data("startclick", $(this).attr("onclick"));
            $(this).removeAttr("onclick");
        }).click(function(){

            $.blockUI({ message: $('#confirm'), css: { width: '383', cursor: 'auto' } }); 

            $("#yes").click(function(){ 

                $.unblockUI();
                var oldclick = $(document).data("startclick");
                try
                {
                    oldclick();
                }
                catch(err)
                {
                    alert(err);
                    alert(err.description);
                }
            });

            $("#no").click(function(){
                $.unblockUI();
            });


            return false;
        });

Answer 3

对于mi作品：this.OnClientClick =“ $ .blockUI（{消息：$（'＃ConfirmacionBOX'），css：{width：'275px'}}）;返回false;”; 这是一个按钮（是按钮类）

Answer 4

您的问题来自这里：

$(document).data("startclick", $(this).get()[0].click);
...
var oldclick = $(document).data("startclick");
...
oldclick();

在这里，您尝试拦截本机事件侦听器，但是有两个错误：

1. 使用unbind不会删除本地事件侦听器，只会删除与jQuery添加的事件监听器。
2. click是AFAIK，仅是IE的一种用于模拟点击的方法，而不是事件处理程序本身

您必须使用onclick而不是将其值设置为null而不是使用unbind。 最后，不要将其存储在$(document).data(...) ，添加其他按钮时会遇到一些问题。 这是您可以使用的示例代码：

  $("selector").each(function()
  {
    var oldclick = this.onclick;
    this.onclick = null;
    $(this).click(function()
    {
      if (confirm("yes or no ?")) oldclick();
    });
  });