2012-06-28 18 views
6

私はアラートにtwitterブートストラップを使用しています。入力にエラーがあると警告が表示されます。私は初期化時にそれを隠し、エラーが発生したらそれを表示することができます。しかしその後、警告は再び消えます。正しいアラートが入力されるまでアラートが表示されるようにする方法はありますか?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> 

誰でも私を助けることができますか?あなたは、ブートストラップ・alert.jsファイルから行を削除する必要が

+0

これは、検証手法(プラグインまたはマニュアル)によって異なります。これは問題が存在する場所です。あなたは何を使っていますか? – Sherbrow

答えて

0

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

手動クローズEX

にあなたのコードにJavascriptを追加するよりも、(.removeを削除)とJSが

をファイルを保存

$(".close").click(function(){ 
$("#myalert").hide(); 
}); 
+2

Todd Aが述べたように、ブートストラップファイルを編集するのは妥当ではありません。それらを更新すると、編集した内容を覚えていないか、更新する前にdiffを実行しない限り、変更内容が消去されます。それらを編集することはすぐに泥沼になることがあります。 –

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を使用して、私のエラーメッセージを移入が、それは問題の一部ではないと私はここに概要を説明しませんでした。

0

これは古い質問ですが、以下は私のために働いています(stackoverflowの別の回答から、私はもうその答えへのリンクを見つけることができません)。これが誰かを助けることを望みます。

$('.alert .close').on("click", function(e) { 
e.stopPropagation(); 
e.preventDefault(); 
$(this).parent().hide(); 
}); 
関連する問題