0

我无法让 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>
4

3 回答 3

3

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

    <script type="text/javascript" language="javascript">
    $(document).ready(function() { 
        $('.showHide').click(function() { 
        $.blockUI({ overlayCSS: { backgroundColor: '#00f' } }); 
    setTimeout($.unblockUI, 2000);
    }); 
});  </script>
于 2012-03-06T12:23:10.817 回答
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 类的所有元素。

于 2012-03-06T12:23:49.420 回答
0 
use ()

你必须执行函数...

 OnClientClick="overlay()"
于 2012-03-06T12:21:39.297 回答