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。

更新我在自己的代码中做了一些更改，以便更容易使用，我更喜欢这种方式

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

显示提醒的按钮在哪里。什么事件导致警报弹出或总是出现警报？此外，如果你需要关闭警报，你也需要一个按钮。

例如 -

<div class="alert alert-success fade in">
        <button type="button" class="close">&times;</button>
        <strong>Sucess!</strong> Values updated!!

关闭按钮的Javascript -

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

Twitter引导程序警报更改类

4 个答案: