Twitter самонастройки оповещения изменить класс

Question

Я создал оповещение в Twitter Bootstrap этот путь

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.

Update Я сделал некоторые изменения в моем собственном коде, чтобы сделать его проще в использовании, я предпочитаю этот путь

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