2

这是我到目前为止所做的：

//delcare html:

<div class="success" id="divStatus" style="display:none;" ><a href="#" class="close">&times;</a></div>

后面的asp.net代码：

 ScriptManager.RegisterClientScriptBlock(this.Page, this.Page.GetType(), "_key"+this.UniqueID, "$(function() { $('#divStatus').html('" + msg + "').show().fadeIn(9000).fadeOut(9000); });", true);

//css类：

.success
    {  
        display:block;  
        color: #4F8A10;
        background-color: #DFF2BF;
    }

我想到的唯一合乎逻辑的解释是，$function ....中的>>#divStatus中没有css类（.success）被定义了吗？

更新结束

我正在尝试向下面的选择器添加一个类，但不确定这是否是正确的做法，有什么帮助吗？

这是我尝试做的，但我没有看到添加了类并且没有任何操作（希望看到一些颜色）

"$(function() { $('#divStatus').addClass('success').html(.........

这是我在 asp.net 中在代码隐藏中执行的完整代码。

ScriptManager.RegisterClientScriptBlock(this.Page, this.Page.GetType(), "_key"+this.UniqueID, "$(function() { $('#divStatus').html('" + msg + "').show().fadeIn(9000).fadeOut(9000); });", true);
4

2 回答 2

1

这可能是您正在寻找的

HTML

<div id="divStatus"></div>

CSS

#divStatus{
    display: none;
}

.success{
    color: red;
}

JavaScript

$(function() {
    $('#divStatus')
        .html('hello')
        .show('fade', 2000, function(){
            $(this).addClass('success');
        })
        .hide('fade', 2000);
});

一个替代方案可能是

$(function() {
    $('#divStatus')
        .html('hello')
        .show('highlight', 2000, function(){
            $(this).addClass('success');
        });
});
于 2012-05-07T04:34:41.167 回答
0

您可能需要提供更多信息。addClass 基本上就像你一样工作。这是一个小提琴，可以在单击按钮时显示您想要的更改：

http://jsfiddle.net/lucuma/6mSXP/

例子：$('#status').html('it worked').addClass('success');

于 2012-05-07T03:46:14.433 回答