Hướng dẫn bootstrap popover content element - yếu tố nội dung popover bootstrap
|
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. Show 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 Ví dụ: Sử dụng tùy chọn 8Khi 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 tùy chỉnh 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 Đá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ẻ Các yếu tố bị vô hiệu hóaCác yếu tố với thuộc tính Đối với các kích hoạt popover bị vô hiệu hóa, bạn cũng có thể thích 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
Thuộc tính dữ liệu cho từng popover riêng lẻCác tùy chọn cho các popovers riêng lẻ có thể được chỉ định thay thế thông qua việc sử dụng các thuộc tính dữ liệu, như được giải thích ở trên. Phương phápPhương pháp và chuyển tiếp không đồng bộTất cả các phương thức API đều không đồng bộ và bắt đầu chuyển đổi. Họ trở lại với người gọi ngay khi quá trình chuyển đổi được bắt đầu nhưng trước khi nó kết thúc. Ngoài ra, một cuộc gọi phương thức trên một thành phần chuyển tiếp sẽ bị bỏ qua.asynchronous and start a transition. They return to the caller as soon as the transition is started but before it ends. In addition, a method call on a transitioning component will be ignored. Xem tài liệu JavaScript của chúng tôi để biết thêm thông tin.
|
| 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 |
| 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 |
| ẩ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 |
$(function () {
$('.example-popover').popover({
container: 'body'
})
})
