ASP.net button Jquery BlockUI

Question

我在获取ASP按钮来调用jquery脚本时遇到问题，在本例中为BlockUI，但我不确定我做错了什么？

<asp:Button runat="server" ID="btnAddUser" Text="Add Currency Combination" ValidationGroup="valSum2" CssClass="showHide" OnClientClick="overlay"
    <script type="text/javascript" language="javascript">
    $(document).ready(function() { 
        $('#overlay').click(function() { 
        $.blockUI({ overlayCSS: { backgroundColor: '#00f' } }); 
    setTimeout($.unblockUI, 2000);
    }); 
});  </script>

Answer 1

您可以使用css类名调用它。ShowHide

    <script type="text/javascript" language="javascript">
    $(document).ready(function() { 
        $('.showHide').click(function() { 
        $.blockUI({ overlayCSS: { backgroundColor: '#00f' } }); 
    setTimeout($.unblockUI, 2000);
    }); 
});  </script>

Answer 2

您的脚本正在查找ID为"overlay"的DOM元素，但该元素不存在。按钮的id是btAddUser.ClientID

<asp:Button runat="server" ID="btnAddUser" Text="Add Currency Combination" ValidationGroup="valSum2" CssClass="showHide" />  
    <script type="text/javascript" language="javascript">  
    $(document).ready(function() {   
        $('<%= btnAddUser.ClientID %>').click(function() {   
        $.blockUI({ overlayCSS: { backgroundColor: '#00f' } });   
    setTimeout($.unblockUI, 2000);  
    });   
});  </script>  

注意删除OnClientClick！

或者，您可以将此代码设置为命名函数，并在OnClientClick属性中键入其名称。您也可以通过CssClass（$（'.showHide'）绑定（请参阅@PraveenVenu的答案），但这将把函数绑定到使用该css类的所有元素。

Answer 3

use ()

你必须执行函数。。。

 OnClientClick="overlay()"