3

我以这种方式在 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 。

更新 我对自己的代码进行了一些更改以使其更易于使用，我更喜欢这种方式

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在这里

4

4 回答 4

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

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

于 2013-08-22T11:24:59.873 回答
1

最后两条 javascript 行正在工作。

但是你真的想这样做：JSFiddle

$('.alert-error').removeClass('alert-error').addClass('alert-info');
于 2013-08-22T11:22:45.560 回答
0 
$('#alert .alert').removeClass('alert-error').addClass('alert-info');
于 2013-08-22T11:23:20.570 回答
0

显示警报的按钮在哪里。什么事件导致警报弹出或警报始终存在？此外，如果您需要关闭警报，您也需要一个按钮。

例如 -

<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 
});
于 2013-08-22T11:32:36.550 回答