BlockUI jQuery的按钮上点击

答案：对于这个问题的解决方法是这样的：从$('#Button3')BlockUI jQuery的按钮上点击

更改选择到$('#<%= Button3.ClientID %>')

感谢尤里。

ISSUE：

我试图让一个按钮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关闭页面时prodcued这个错误...

Microsoft JScript runtime error: Sys.ArgumentTypeException: Object of type 'Sys._Application' cannot be converted to type 'Sys._Application'. Parameter name: instance

来源

2011-11-18 htm11h

你使用的是什么jQuery和jQuery的BlockUI版本 – frictionlesspulley

jQuery的-1.2.6.js的，我也尝试过今天jquery-1.7.js和BlockUI被下载了，找不到一个rev。 – htm11h

终于得到开发PC在线。* jQuery blockUI插件 *版本2.39（23-MAY-2011） * @requires jQuery v1.2.3或更高版本 – htm11h

首先，你必须阻止用户界面。那么只有它被解除封锁。您无法解除阻止未阻止的内容解除阻止==未阻止。

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

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

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

来源

2011-11-18 19:17:31 naveen

对不起，评论的部分是我需要修复我的帖子的其他测试。 – htm11h

对不起，但你的演示无效。 – htm11h

恩 - 哦。我忘了最微不足道的问题。您使用哪个浏览器测试代码？ – naveen

退房http://jsfiddle.net/frictionless/F53gd/

它的工作原理与

来源

2011-11-18 19:24:10 frictionlesspulley

请注意，asp：net呈现为type =“submit”而不是“type = button” – naveen

我需要在页面上使用AJAX Script Manager吗？这是在一个ContntPlaceholder的ASPX页面上，它仍然不起作用，但Hello World示例正在工作。无法弄清楚这一点。 – htm11h

试过这些版本，我得到相同的结果。但Hello World弹出窗口仍在工作。 – htm11h

你可以试试这个方法

$(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

来源

2011-11-18 19:48:11 coder

我其实想要在一个gridview的Edit click事件中触发BlockUI，它打开一个弹出的apsx页面。当子弹出页面被提交回父页面时，当然会解锁。 – htm11h

BlockUI jQuery的按钮上点击

回答

相关问题