15

Google Chrome を使用しています。Twitter Bootstrap
を使用して、単純なアラートを追加したいのですが、残念ながらx を押してもアラートが消えません!

アラートのドキュメントに基づく私のコードは次のとおりです。

<!DOCTYPE html>
<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
  </head>
  <body>    
    <div class="alert">
        <button type="button" class="close" data-dismiss="alert">×</button>
        <strong>Warning!</strong> Best check yo self, you're not looking too good.
    </div>      
  </body>
</html>

そして私も試しました：

<!DOCTYPE html>
  <html>
    <head>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
      <!-- Bootstrap -->
      <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    </head>
    <body>    
    <div class="alert">
        <a href="#" class="close" data-dismiss="alert">×</a>
        <strong>Warning!</strong> Best check yo self, you're not looking too good.
    </div>      
    </body>
  </html>

それを却下するために何が欠けていますか？

4

2 に答える 2

20

davidkonradのコメントに感謝します。
以下を追加することで、解決策は簡単です。

    <script src="js/bootstrap.min.js"></script>
于 2012-11-22T11:57:16.783 に答える
0

私は、最小限の手間で適切に形成された Bootstrap 3 アラート (必要に応じて閉じるボタンの有無にかかわらず) を挿入し、ボックスを閉じた後に簡単に再生成できるようにする、カスタマイズ可能な小さな jquery プラグインを作成しました。

使用法、テスト、および例については、https://github.com/davesag/jquery-bs3Alertを参照してください。

于 2014-05-06T11:27:36.980 に答える