Twitter的引導

Question

類

我已經創建了Twitter的引導警報這樣

HTML警報變化：

<div id='alert' class='hide'></div> 

JS：

function showAlert(message) { 
    $('#alert').html("<div class='alert alert-error'>"+message+"</div>"); 
    $('#alert').show(); 
} 
showAlert('Please have a look at yourself.'); 
$('#alert').removeClass('alert-error'); 
$('#alert').addClass('alert-info'); 

但JavaScript的最後兩行沒有似乎有任何影響，任何人都可以看看我？

創建jsfiddle here。

更新 我做我自己的代碼中的一些改變，使其更容易使用，我更喜歡這種方式

HTML：

<div id='alert' class='hide'></div> 

JS：

function showAlert(message, alertType) { 
    $('#alert').html("<div class='alert alert-"+alertType+"'>"+message+"</div>"); 
    $('#alert').show(); 
} 

showAlert('Please have a look at yourself.', 'success'); 

新jsfiddle here

Answer 1

$('#alert div').removeClass('alert-error'); 
$('#alert div').addClass('alert-info'); 

http://jsfiddle.net/Cf4gs/2/

Answer 2

最後兩條javascript線正在工作。

但是你真的想這樣做：JSFiddle

$('.alert-error').removeClass('alert-error').addClass('alert-info'); 

Answer 3

$('#alert .alert').removeClass('alert-error').addClass('alert-info'); 

Answer 4

哪裏是顯示警告按鈕。什麼事件導致警報彈出或警報總是存在？ 此外，如果您需要關閉警報，您也需要一個按鈕。

例如 -

JavaScript的關閉按鈕 -

$('.close').click(function() { 
    $(this).parent().removeClass('in'); // hides alert with Bootstrap CSS3 
});