Question

答案：此问题的解决方法是：

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

感谢Yuri。

问题：

我正在尝试按下click来运行JQuery BlockUI plugin。我有一些问题，这是我第一次在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：Object of 类型'Sys._Application'无法转换为类型 'Sys._Application'。参数名称：实例

Answer 1

首先，您必须阻止UI。然后才会被解锁。您无法取消阻止未被阻止的内容 unblocked == not blocked 。

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

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

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

Answer 2

结帐http://jsfiddle.net/frictionless/F53gd/

适用于

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

按钮上的BlockUI jQuery单击

3 个答案: