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 の最後の 2 行は何の効果もないようです。誰か私を探してもらえますか?

ここで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

最後の 2 つの 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 に答える