twitter cảnh báo bootstrap ẩn khi khởi tạo

Question

Tôi đang sử dụng trình khởi động twitter cho các cảnh báo của mình và tôi muốn cảnh báo xuất hiện khi có lỗi trong đầu vào. Tôi có thể ẩn nó khi khởi tạo và hiển thị nó khi lỗi xảy ra. Nhưng sau đó cảnh báo lại biến mất. có cách nào để đảm bảo rằng cảnh báo vẫn ở đó cho đến khi đầu vào chính xác được cung cấp

<div class="span4"> 
       <div class="alert alert-error fade in" id = "user_name_exist" > 
        <button type="button" class="close">×</button> 
        <h4 class="alert-heading">Username error!</h4> 
        The username entered is used by another user. Please choose another one! 
       </div> 
</div> 

bất kỳ ai cũng có thể giúp tôi?

Answer 1

Bạn cần phải xóa đi dòng bootstrap-alert.js tập tin

function removeElement() { 
    $parent 
    .trigger('closed') 
    .remove() 
} 

Remove lệnh .remove() và lưu js nộp

hơn thêm Javascript trong mã của bạn để tay cũ gần

$(".close").click(function(){ 
$("#myalert").hide(); 
}); 

Answer 2

Đối với những gì đáng giá, tôi không phải là người hâm mộ chỉnh sửa các gói đã tải xuống. Tôi có cùng một thứ trên đầu của tôi nhưng những gì tôi đã làm là chỉ cần loại bỏ phần data-dismiss="alert" của nút đóng. Sau đó, sử dụng về cơ bản cùng một mã mà Nintin đã ở trên để ẩn cảnh báo.

HTML code đang

<div id="AddAlert" class="alert alert-block" style="display:none;"> 
    <button type="button" class="close">&times;</button> 
    <h4 id="AddAlertH4">Error</h4> 
    <div id="AddAlertMessage">My error message goes here.</div> 
</div> 

JS

$(".close").click(function(){ 
    $("#AddAlert").hide(); 
}); 

Tôi cũng động cư thông báo lỗi của tôi sử dụng PHP nhưng tôi không vạch ra rằng đây là nó không phải là một phần của câu hỏi.

Answer 3

Đây là một câu hỏi cũ, nhưng sau đây đã làm việc cho tôi (từ một câu trả lời khác trên stackoverflow, nhưng tôi không thể tìm thấy liên kết đến câu trả lời đó nữa). Hy vọng điều này sẽ giúp một ai đó.

$('.alert .close').on("click", function(e) { 
e.stopPropagation(); 
e.preventDefault(); 
$(this).parent().hide(); 
});