2

これが私がこれまでに行ったことです：

//デルケア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 に答える