[解決済み] Twitter Bootstrapのアラートメッセージを閉じたり、再び開いたりする方法

質問

アラートメッセージで困っています。正常に表示され、ユーザが x (を押すと閉じることができるのですが、再度表示させようとすると（例えばボタンイベントをクリックすると）表示されません。(さらに、このアラートメッセージをコンソールに出力すると、イコール [] .) 私のコードはここにあります。

 <div class="alert" style="display: none">
   <a class="close" data-dismiss="alert">×</a>
   <strong>Warning!</strong> Best check yo self, you're not looking too good.
 </div>

そしてイベント。

 $(".alert").show();

P.S! 私は、いくつかのイベントが発生した後（例えば、ボタンがクリックされた）だけアラートメッセージを表示する必要があります。または私は間違ってやっている何ですか？

どのように解決するには？

Data-dismissは完全に要素を削除します。代わりにjQueryの.hide()メソッドを使用してください。

fix-it-quickメソッドです。

インラインjavascriptを使って、このようにonclickの要素を非表示にします。

<div class="alert" style="display: none"> 
    <a class="close" onclick="$('.alert').hide()">×</a>  
    <strong>Warning!</strong> Best check yo self, you're not looking too good.  
</div>

<a href="#" onclick="$('alert').show()">show</a>

http://jsfiddle.net/cQNFL/

しかし、これは怠け者の場合にのみ使用されるべきです (保守可能なアプリを作りたいのであれば、良いことではありません)。

$(function(){
    $("[data-hide]").on("click", function(){
        $("." + $(this).attr("data-hide")).hide()
        // -or-, see below
        // $(this).closest("." + $(this).attr("data-hide")).hide()
    })
})

$("." + $(this).attr("data-hide")).hide()

$(this).closest("." + $(this).attr("data-hide")).hide()