Hướng dẫn bootstrap switch events - sự kiện chuyển đổi bootstrap
Tôi đang sử dụng BootStrap Switch và cần phải chọn độc quyền: có một loạt các bộ chuyển đổi (số lượng không xác định) và người dùng có thể quay một lần chỉ một. Show Tôi đã làm một cái gì đó như thế này:
Thật không may, điều này gửi kịch bản trên một vòng lặp vô hạn (khi thay đổi trạng thái). Tôi nghĩ rằng điều này là do dưới mui xe, BootStrap Switch sử dụng hàm Trigger (), vì vậy khi trạng thái chuyển đổi được thay đổi thành FALSE, nó sẽ kích hoạt sự kiện Switchchange một lần nữa, v.v. Tôi đã thực hiện một cách giải quyết, bằng cách kích hoạt:
Thay vì. Tuy nhiên, đây có vẻ như là một giải pháp thực sự tồi tệ. Có cách nào tốt hơn? Tài liệu và ví dụ để thêm popover bootstrap, giống như những tài liệu được tìm thấy trong iOS, vào bất kỳ yếu tố nào trên trang web của bạn. Tổng quanNhững điều cần biết khi sử dụng plugin popover:
Hãy đọc để xem làm thế nào PopoVers hoạt động với một số ví dụ. Ví dụ: Bật popover ở mọi nơiMột cách để khởi tạo tất cả các popover trên một trang sẽ là chọn chúng bằng thuộc tính 9 của chúng:
Ví dụ: Sử dụng tùy chọn $(function () { $('.example-popover').popover({ container: 'body' }) })0Khi bạn có một số kiểu trên một yếu tố cha mẹ can thiệp vào một popover, bạn sẽ muốn chỉ định một 0 tùy chỉnh để thay thế HTML Popover xuất hiện trong phần tử đó.
Thí dụ
Bốn hướngBốn tùy chọn có sẵn: trên cùng, phải, dưới cùng và bên trái được căn chỉnh.
Bỏ qua khi nhấp chuột tiếp theoSử dụng trình kích hoạt 2 để loại bỏ popoVers trên người dùng nhấp chuột tiếp theo của một phần tử khác với phần tử chuyển đổi.Đánh dấu cụ thể cần thiết để loại bỏ trên máy ảnhĐối với hành vi trình duyệt chéo và đa nền tảng thích hợp, bạn phải sử dụng thẻ 8 chứ không phải thẻ 4 và bạn cũng phải bao gồm thuộc tính 5.
Các yếu tố bị vô hiệu hóaCác yếu tố với thuộc tính 6 aren tương tác, có nghĩa là người dùng không thể di chuột hoặc nhấp vào chúng để kích hoạt popover (hoặc tooltip). Là một cách giải quyết, bạn sẽ muốn kích hoạt popover từ trình bao bọc 7 hoặc 8 và ghi đè 9 trên phần tử bị vô hiệu hóa.Đối với các kích hoạt popover bị vô hiệu hóa, bạn cũng có thể thích 0 để popover xuất hiện dưới dạng phản hồi trực quan ngay lập tức cho người dùng của bạn vì họ có thể không mong đợi nhấp vào phần tử bị vô hiệu hóa.
Cách sử dụngBật PopoVers qua JavaScript:
Tùy chọnCác tùy chọn có thể được truyền qua các thuộc tính dữ liệu hoặc JavaScript. Đối với các thuộc tính dữ liệu, hãy nối tên tùy chọn vào 1, như trong 2.
Cách định vị popover - Tự động | Top | Đáy | trái | Phải. Khi
|
Loại sự kiện | Sự mô tả |
---|---|
show.bs.popover | Sự kiện này bắn ngay lập tức khi phương thức thể hiện 6 được gọi. |
hiển thị.bs.popover | Sự kiện này được bắn khi popover đã được người dùng hiển thị (sẽ chờ hoàn thành chuyển đổi CSS). |
ẩn.bs.popover | Sự kiện này được bắn ngay lập tức khi phương thức thể hiện 7 đã được gọi. |
ẩn.bs.popover | Sự kiện này được bắn khi popover đã hoàn thành việc bị ẩn khỏi người dùng (sẽ chờ hoàn thành chuyển đổi CSS). |
chèn.bs.popover | Sự kiện này được bắn sau sự kiện 8 khi mẫu popover đã được thêm vào DOM. |
$("#some-container .bootstrap-switch-container *").click(function() {
// ...
});
8