2016-10-24 4 views
2

Ich habe diesen Fehler jetzt schon seit einer Stunde ausgearbeitet und kann keine Lösung finden! Ich benutze bootstrap und ich habe eine abmeldbare Warnung, aber wenn ich auf das x klicke, um nichts zu tun passiert.Defekte Bootstrap-Meldung funktioniert nicht

Hier ist meine 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> 

Und hier ist meine Fußzeile, wo ich die js Dateien enthalten

<!-- 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

[Ihr Code funktioniert gut] (https://jsfiddle.net/b61820ww/), stellen Sie sicher, Bootstrap js geladen und dass Sie keinen Fehler von woanders in Ihrem Code erhalten (überprüfen Sie die Konsole) –

+1

Verwenden Sie Span anstelle von Button sehen, was passiert – Araz

+0

Ich sehe kein Problem, versuchte https://jsfiddle.net/5k86pyab/, verifizieren Sie Ihre Bootstrap-Datei –

Antwort

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

Für frühere Versionen von Bootstrap müssen Sie möglicherweise die Containerklassenreferenz in das Attribut "close span href" anstatt in das Attribut "close-span data-disney" einfügen. –

0

versuchen mit dieser Funktion

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

oder

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

});

und deklarieren Sie eine Klasse in Span-Tag

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

Arbeit sein sollte

Verwandte Themen