使用jquery点击它时隐藏标签

时间:2010-07-13 09:13:39

标签: asp.net jquery

我正在使用标签

<asp:Label ID="lblMessage" runat="server" Text="" BorderStyle="Solid"></asp:Label>

在脚本部分iam做某事

$('span[id$=lblMessage]').click(function()
    {
        $('#lblMessage').hide(slow);
    });

但它不起作用

3 个答案:

答案 0 :(得分:4)

这应该有用,你应该用引号

括起slow
$(document).ready(function(){
    $("#<%= lblMessage.ClientID %>").click(function() {
        $(this).hide("slow");
    }); 
});

答案 1 :(得分:2)

你被$(文件).ready包围了吗?

$(document).ready(function(){
    $("#<%= lblMessage.ClientID %>").click(function() {
        $(this).hide("slow");
    });
});

另一种方法是使用类选择器。这样,您不会将自己限制在一个可隐藏的标签上。你可以隐藏任何有这个类的东西。

<asp:Label ID="lblMessage" cssClass="hideable" runat="server" Text="" BorderStyle="Solid"></asp:Label>

$(document).ready(function(){
    $(".hideable").click(function() {
        $(this).hide("slow");
    });
});

答案 2 :(得分:0)

function pageLoad(sender, args)
    {
        $('#<%=lblMessage.ClientID %>').click(function()
        {
            $(this).fadeOut('slow');
        });
    }

现在工作正常