如何使用$來addClass（函數（）{$（」

這是我迄今所做的：

// 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; 
    }

僅存在邏輯Ë xplanation我想到的是，在$ 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);

來源

2012-05-07 Nick Kahn

'.show（）。淡入（9000）.fadeOut（9000）'那是不是要去工作一樣你認爲它是（即：鏈接調用不會使'fadeOut'等待'fadeIn'完成）。 – steveax

如果你在jsfiddle或jsbin中添加一些詳細的代碼，它會更好地幫助... –

我已經更新了我的問題，我從asp.net代碼隱藏這樣做，我知道它會從純html頁面工作。 –

您可能需要提供更多信息。 addClass的工作原理與您的一樣。這裏是一個小提琴顯示要在按鈕上點擊改變：

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

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

來源

2012-05-07 03:46:14 lucuma

我已經更新了我的問題，我正在做這個從asp.net代碼隱藏，我知道它會從純HTML頁面工作。 –

registerclientscriptblock是否在回發中被調用？ – lucuma

我有這個'ScriptManager.RegisterClientScriptBlock ...'代碼在用戶點擊按鈕時，我顯示div –

這可能是你在找什麼

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-07 04:34:41

我已經更新了我的問題，我正在從asp.net代碼隱藏中做到這一點，我知道它會從純html頁面工作。 –

如何使用$來addClass（函數（）{$（」

回答

相關問題