ASP.net按鈕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為btnAddUser.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()"