这是我到目前为止所做的:
// delcare html:
<div class="success" id="divStatus" style="display:none;" ><a href="#" class="close">×</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 class:
.success
{
display:block;
color: #4F8A10;
background-color: #DFF2BF;
}
我认为只有逻辑解释是,&gt;&gt;中没有css类(.success) $ function ....中的#divStatus是定义的吗?
更新结束
我正在尝试向下面的选择器添加一个类,但不确定这是否是正确的做法,任何帮助?
这是我尝试过但我没有看到该类被添加而且没有动作(期望看到一些颜色)
"$(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);
答案 0 :(得分: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');
});
});
答案 1 :(得分:0)
您可能需要提供更多信息。 addClass基本上就像你一样。这是一个在按钮点击时显示所需更改的小提琴:
http://jsfiddle.net/lucuma/6mSXP/
示例:$('#status').html('it worked').addClass('success');