按钮点击时的 BlockUI jQuery

Question

答案：此问题的解决方法如下：

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

感谢尤里。

问题：

我正在尝试获取一个按钮单击来运行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 运行时错误：Sys.ArgumentTypeException：对象 类型“Sys._Application”无法转换为类型 “系统._应用程序”。参数名称：实例

Answer 1

首先，您必须阻止 UI。只有这样才会被解封。您无法取消阻止未阻止的内容，因为已取消阻止==未阻止。

因此，请取消注释代码的按钮单击事件中的第一行。

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

请注意< code>asp:Button 将呈现为 input type="submit"

Answer 2

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

它适用于

• JQuery 1.6.4
• BlockUI 版本 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();
} 

Button OnClick：

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