Làm cách nào để hiển thị/ẩn cảnh báo cụ thể với trình khởi động twitter?

Question

Dưới đây là một ví dụ về một cảnh báo tôi đang sử dụng:

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

Tôi biết rằng $(".alert").show() và $(".alert").hide() sẽ hiển thị/ẩn tất cả các yếu tố của lớp .alert. Tuy nhiên, tôi không thể tìm ra cách để ẩn một cảnh báo cụ thể, cho id của nó.

Tôi muốn tránh sử dụng .alert("close"), vì điều đó sẽ xóa vĩnh viễn cảnh báo và tôi cần phải nhớ lại.

Answer 1

Bạn cần phải sử dụng một selector id:

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

# là một selector id và passwordsNoMatchRegister là id của div.

Answer 2

Sử dụng bộ chọn id #

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

Answer 3

Chỉ cần sử dụng ID thay vì lớp ?? Tôi không thực sự hiểu tại sao bạn sẽ hỏi mặc dù có vẻ như bạn biết Jquery?

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

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

Answer 4

Bạn chỉ cần sử dụng bộ chọn id (#) như thế này.

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

Answer 5

Đối với tất cả các bạn đã trả lời đúng với phương pháp jQuery $('#idnamehere').show()/.hide(), cảm ơn.

Có vẻ như <script src="http://code.jquery.com/jquery.js"></script> bị viết sai chính tả trong tiêu đề của tôi (điều này sẽ giải thích tại sao không có cuộc gọi cảnh báo nào hoạt động trên trang đó).

Cảm ơn một triệu, mặc dù và xin lỗi vì lãng phí thời gian của bạn!

Answer 6

Thêm lớp "thu gọn" vào div cảnh báo và cảnh báo sẽ "bị thu gọn" (ẩn) theo mặc định. Bạn vẫn có thể gọi nó là sử dụng "hiển thị"

<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

Trên đầu trang của tất cả các câu trả lời trước, không quên để ẩn cảnh báo của bạn trước khi sử dụng nó với một đơn giản style="display:none;"

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

Sau đó sử dụng một trong hai:

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

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

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

Answer 8

tôi sử dụng cảnh báo này

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

lặp đi lặp lại trên một trang mỗi khi người dùng cập nhật Kết quả là thành công:

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

lại giấu nó, tôi gọi

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