jQuery show işlevi konsola yazdırıyor

Question

Gizlendikten sonra bir div öğesi görüntülemek yerine jQuery show() işlevi, div öğesinin html içeriğini tarayıcı konsolumda yazdırdı.

html

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

İlginçtir div gelen .hide sınıfını kaldırmak ve bazı javascript ile sayfa yüklendiğinde, işlerin yukarıda jQuery beklendiği gibi zaman gizlemek eğer

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

javascript. Ne var ne yok? hide sınıf !important geçersiz kılma ile none için display ayarlıyor olabilir gibi

Answer 1

görünüyor. show() yöntem !important gösterimde tarafından geçersiz alacak satır içi stil display: block

Dolayısıyla, sadece

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>