点击按钮

Question

ANSWER:这个问题的解决方法是:

将选择器从$('#Button3')更改为$('#<%= Button3.ClientID %>')

感谢尤里。

:

我试图得到一个按钮click运行JQuery BlockUI插件。我有一些问题，这是我在JQuery的第一次尝试。我确实有Hello World弹出的例子工作，所以我认为我很接近，但可以使用一些帮助得到其余的工作。

代码如下:

<script src="../../scripts/jquery-1.2.6.js" type="text/javascript"></script>
<script src="../../scripts/jquery.blockUI.js" type="text/javascript"></script>
<script type="text/javascript">
 $(document).ready(function() {
     $("#Button3").click(function() {
     $.blockUI();
     setTimeout(function() {
         $.unblockUI({
             onUnblock: function() { alert('onUnblock'); }
         });
     }, 2000);
   });
});
</script>

我正在尝试在aspx页面上运行这个。如上所述，Hello World弹出窗口可以工作，但不能使用blockUI.

如有任何帮助，不胜感激。

这里是按钮aspx…

 <td>
      <asp:Button ID="Button3" runat="server" Text="Button" />
  </td>

按钮事件背后没有代码。

这个apsx页面也有一个母版页。

在Visual Studio中关闭页面时，对代码的一些调整会产生此错误…

Microsoft JScript runtime error: Sys. errorArgumentTypeException:对象类型的系统。_Application'不能转换为type"Sys._Application"。参数名称:instance

Answer 1

首先你必须阻塞UI。只有这样，它才会被打开。unblocked == not blocked

因此取消代码中button click事件内的第一行注释。

演示:http://jsfiddle.net/naveen/D9GCj/1/

请注意，asp:Button将呈现为input type="submit"

Answer 2

查看http://jsfiddle.net/frictionless/F53gd/

与

一起使用

JQuery 1.6.4
• BlockUI v 2.3

Answer 3

你可以试试这个方法

$(document).ready(
    function() {
        Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(onRequestStart)
        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(onRequestEnd)
    }
);
function onRequestStart() {
    $.blockUI();
}
function onRequestEnd() {
    $.unblockUI();
} 

按钮OnClick:

Protected Sub OnClick(sender As Object, e As EventArgs)
    Thread.Sleep(5000)
    Button1.Text = "Done"
End Sub