6

アラートに Twitter ブートストラップを使用していますが、入力にエラーがある場合にアラートを表示したいと考えています。初期化時に非表示にして、エラーが発生したら表示できます。しかしその後、アラートは再び消えます。正しい入力が与えられるまでアラートがそこにとどまるようにする方法はありますか

<div class="span4">  
                <div class="alert alert-error  fade in" id = "user_name_exist" >  
                   <button type="button" class="close">×</button>
                  <h4 class="alert-heading">Username error!</h4>  
                    The username entered is used by another user. Please choose another one!
                </div>  
</div>

誰でも私を助けることができますか？

4

3 に答える 3

5

なんと言っても、私はダウンロードしたパッケージを編集するのが好きではありません。私は自分の側でも同じことをしていますが、私がしたことはdata-dismiss="alert"、閉じるボタンの一部を削除することでした。次に、基本的にNintinが上記と同じコードを使用してアラートを非表示にしました.

HTML コード

<div id="AddAlert" class="alert alert-block" style="display:none;">
  <button type="button" class="close">&times;</button>
  <h4 id="AddAlertH4">Error</h4>
  <div id="AddAlertMessage">My error message goes here.</div>
</div>

JS コード

$(".close").click(function(){
    $("#AddAlert").hide();
});

また、PHPを使用してエラーメッセージを動的に入力しますが、質問の一部ではないため、ここでは概説しませんでした.

于 2013-06-14T18:50:15.883 に答える
0

bootstrap-alert.js ファイルから行を削除する必要があります

function removeElement() {
  $parent
    .trigger('closed')
    .remove()
}

.remove() を削除して js ファイルを保存します

コードにJavascriptを追加してexを手動で閉じるよりも

    $(".close").click(function(){
$("#myalert").hide();
 });
于 2012-07-27T07:43:02.927 に答える