2016-10-24 4 views
2

私はこのバグを今一度解決しており、解決策が見つからないようです。私はブートストラップを使用していますが、私には警告がありますが、xをクリックすると何も起こらないと思います。私はブートストラップの拒否アラートが機能しない

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<!-- Include all compiled plugins (below), or include individual files as needed --> 
<script src="js/bootstrap.min.js"></script> 
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> 
+0

あるべきspanタグにクラスを宣言[あなたのコードは正常に動作](https://jsfiddle.net/b61820ww/)、必ずブートストラップJSがロードされていることを確認し、 –

+1

ボタンの代わりにスパンを使用してください。起こっていることを確認してください – Araz

+0

私は何の問題も見当たりません。https://jsfiddle.net/5k86pyab/を試してみてください。あなたのコードのどこか他の場所からエラーが発生していないことを確認してください。ブートストラップのファイル –

答えて

2
<div class="alert alert-warning alert-dismissible" role="alert"> 
    <span type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></span> 
    <strong>Warning!</strong> Still on beta stage. 
</div> 
+0

以前のバージョンのブートストラップでは、コンテナクラスのリファレンスを、close spanのdata-dismiss属性ではなく、close span href属性に入れる必要があります。 –

0

は、この機能を使用してみてくださいJSファイルを含める場所

がここにここに私のdiv

<div class="alert alert-warning alert-dismissible" role="alert"> 
    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
    <strong>Warning!</strong> Still on beta stage. 
</div> 

だとすると、私のフッターです

$('.close').click(function(){ 
    $(".test").css("display", "none"); 

または

$('.test').hide(); 

});

<strong class="test">Warning!</strong> Still on beta stage. 

は仕事

関連する問題