Jak mogę pokazać/ukryć konkretny alert za pomocą twitter bootstrap?

Question

Oto przykład wpisu używam:

<div class="alert alert-error" id="passwordsNoMatchRegister"> 
    <span> 
    <p>Looks like the passwords you entered don't match!</p> 
    </span> 
</div> 

wiem, że $(".alert").show() i $(".alert").hide() będzie pokazać/ukryć wszystkie elementy klasy .alert. Nie mogę jednak dowiedzieć się, jak ukryć określony alert, biorąc pod uwagę jego identyfikator.

Chcę uniknąć używania .alert("close"), ponieważ to trwale usuwa alert i muszę mieć możliwość jego przywołania.

Answer 1

Trzeba użyć selektora id:

$('#passwordsNoMatchRegister').show(); 
$('#passwordsNoMatchRegister').hide(). 

# jest selektor id i passwordsNoMatchRegister to identyfikator div.

Answer 2

Użyj selektora id #

$('#passwordsNoMatchRegister').show(); 

Answer 3

wystarczy użyć identyfikator zamiast klasy ?? Naprawdę nie rozumiem, dlaczego pytasz, chociaż wygląda na to, że znasz Jquery'ego?

$('#passwordsNoMatchRegister').show(); 

$('#passwordsNoMatchRegister').hide(); 

Answer 4

Możesz po prostu użyć selektora id (#) w ten sposób.

$('#passwordsNoMatchRegister').show(); 
$('#passwordsNoMatchRegister').hide(); 

Answer 5

Dla wszystkich, którzy odpowiedzieli poprawnie metodą jQuery z $('#idnamehere').show()/.hide(), dziękuję.

Wygląda na to, że <script src="http://code.jquery.com/jquery.js"></script> zawiera błąd w nagłówku (co tłumaczyłoby, dlaczego połączenia alarmowe nie działają na tej stronie).

Dziękuję za milion, ale przepraszam za zmarnowanie twojego czasu!

Answer 6

Dodaj klasę "zwinięcia" do elementu div alertu, a alert będzie domyślnie "zwinięty" (ukryty). Nadal można nazwać pomocą „show”

<div class="alert alert-error collapse" role="alert" id="passwordsNoMatchRegister"> 
    <span> 
    <p>Looks like the passwords you entered don't match!</p> 
    </span> 
</div> 

Answer 7

na wierzchu wszystkich poprzednich odpowiedzi, nie zapomnij, aby ukryć swój alert przed użyciem go z prostym style="display:none;"

<div class="alert alert-success" id="passwordsNoMatchRegister" role="alert" style="display:none;" >Message of the Alert</div> 

Następnie użyj albo:

$('#passwordsNoMatchRegister').show(); 

$('#passwordsNoMatchRegister').fadeIn(); 

$('#passwordsNoMatchRegister').slideDown(); 

Answer 8

używam tego alertu

<div class="alert alert-error hidden" id="successfulSave"> 
    <span> 
    <p>Success! Result Saved.</p> 
    </span> 
</div> 

wielokrotnie na stronie każdym razem, gdy użytkownik aktualizuje wynik powodzeniem:

$('#successfulSave').removeClass('hidden'); 

aby ponownie go ukryć, wzywam

$('#successfulSave').addClass('hidden');