2011-12-10 8 views
23

Tôi đang làm gì sai ở đây?Cửa sổ bật lên Twitter Bootstrap không tải

Tôi đã thử nó trong một dự án lớn hơn và couldnt nhận được nó để làm việc, hoặc

thấy jsfiddle tôi

http://jsfiddle.net/keithmancuso/24RQM/

UPDATE: ok vì vậy tôi đã nhận nó làm việc nếu tôi tự thêm $ (".pop"). popover(); nhưng tôi có phải kích thích họ như thế không?

Tôi nghĩ câu trả lời là có ... bạn không có các khởi tạo chúng trong mã của riêng bạn để làm cho nó làm việc ... cách dễ nhất tôi đã tìm thấy để làm điều này chỉ là thêm

$(function() { 
    $('a[rel="popover"]').popover(); 
}); 
+2

Hey Keith, bạn jsfiddle trống khi tôi nhìn nó. Có lẽ nên thêm mã vào nó, hoặc chỉ cần loại bỏ nó. –

+2

Theo như tôi biết bạn thực sự cần phải khởi tạo các cửa sổ pop như vậy. Bootstrap không muốn quét toàn bộ dom (quá chậm) để làm điều đó tự động. (Trích dẫn từ trang web bootstrap: "Vì lý do hiệu suất, Tooltip và Popover dữ liệu-apis được lựa chọn. Nếu bạn muốn sử dụng chúng chỉ cần chỉ định một tùy chọn chọn.") – ahmeij

Trả lời

23

Tôi gặp sự cố tương tự. Đã được tìm kiếm một phiên bản javascript-ít hơn của cửa sổ bật lên bootstrap nhưng nó không có vẻ có thể. Nếu bạn nhìn vào mã nguồn trang web của http://twitter.github.com/bootstrap/javascript.html#popover tại dòng 709-718 bạn sẽ thấy rằng ví dụ làm điều gì đó tương tự:

Heres một phiên bản đơn giản mà làm việc cho tôi

<a href="#" class="btn danger" 
      rel="popover" 
      data-original-title="title" 
      data-content="content">popover</a> 
<script> 
    $("a[rel=popover]").popover(); 
</script> 

Edit: cho gần đây phiên bản của twitter boostrap (ngay bây giờ 2.2.1) bạn có thể gặp phải vấn đề khi bạn nhấp vào liên kết cửa sổ bật lên, bạn sẽ được đưa lên đầu trang. Câu trả lời này có thể mang lại lợi ích quá https://stackoverflow.com/a/13759775/341692. Về cơ bản js của bạn bây giờ nên

<script> 
$("a[rel=popover]") 
    .popover() 
    .click(function(e) { 
     e.preventDefault(); 
    });​ 
</script> 
+0

Anh ấy đúng, bạn cần phải gọi nó như trên w/JS. Loại lạ gây ra tất cả những người khác tôi chỉ có thể gọi bằng cách sử dụng đánh dấu thích hợp. – mdgrech

+0

Rất cám ơn. Làm việc như người ở. –

0

Đối với những gì nó có giá trị, tôi trả lời một câu hỏi tương tự here liên quan đến cách sử dụng bộ chọn một với chức năng bootstrap tabs(). Tôi đặt cược popover() là tương tự.