jQuery show Funktion druckt auf Konsole

Question

Anstatt ein div-Element anzuzeigen, nachdem es ausgeblendet wurde, druckte die jQuery show() - Funktion den HTML-Inhalt des div-Elements in der Konsole meines Browsers.

html

<div id="fullAmountFail" class="alert alert-danger hide"></div> 

Javascript

$('#fullAmountFail').html(message); 
$('#fullAmountFail').show();// this prints the var message in my broswer's console 

Interessanter wenn ich die .Hide Klasse aus dem div entfernen und es auszublenden, wenn die Seite geladen wird mit einigen javascript, wie erwartet die jQuery oben genannten Arbeiten. Also was ist los?

Answer 1

Es sieht aus wie die hide Klasse könnte die display-none mit !important Überschreibung wird Einstellung. Die show() Methode setzt Inline-Stil display: block, die durch die !important Schreibweise außer Kraft gesetzt wird erhalten

Also nur das Fell Klasse entfernen Sie das Element

var message = 'some content'; 
 
$('#fullAmountFail').html(message); 
 
$('#fullAmountFail').removeClass('hide');

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/css/bootstrap.css" rel="stylesheet" /> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="fullAmountFail" class="alert alert-danger hide"></div>