Twitter bootstrap - mở phương thức trên một phương thức đã được mở

Question

Đây là kịch bản của tôi: Tôi đang mở một cửa sổ phương thức với một số chi tiết về bản ghi và tôi đã có nút "Xóa". Khi người dùng nhấp vào nút này, tôi cần hiển thị phương thức "xác nhận" ở trên/trên phương thức hiện có (hỏi "bạn có chắc không?"), Nhưng khi phương thức xác nhận này được hiển thị, nó không chặn "chi tiết" đầu tiên phương thức (phía sau).

Có ai biết cách tôi có thể làm điều đó không?

Cảm ơn!

Answer 1

Đơn giản chỉ cần ẩn #modal và hiển thị # modal2 khi nhấp chuột vào #deleteButton

$("#deleteButton").click(function() { 
$('#myModal').modal('hide') 
$('#myModal2').modal('show')  
}); 

Dưới đây là một ví dụ làm việc: http://jsfiddle.net/baptme/nuUzN/14/

Answer 2

Đó là khá dễ dàng để làm điều đó. Các liên kết trong phương thức đã mở phải trông như thế này:

<a href="NEW URL" data-dismiss="modal" data-toggle="modal" data-target="#newModal">Anchor text</a> 

dữ liệu sa thải = "phương thức" -> sẽ đóng modal mà = đó là lừa !!!!
dữ liệu-toggle = "phương thức" -> sẽ mở hộp thoại mới

Tận hưởng!

Answer 3

Tất cả những gì bạn cần làm là đặt đánh dấu cho phương thức xác nhận thấp hơn trong mã so với phương thức chi tiết.

Answer 4

Làm cách nào để thêm chỉ mục z vào phương thức thứ hai? Giống như:

<div class="modal fade" style="z-index:1050">modal content here...</div> 

Nếu giá trị 1050 không hoạt động thử một số cao hơn aka 99999.