2012-08-23 76 views
11

Tôi đã cố gắng tích hợp phương thức khởi động twitter nhưng vì một số lý do nó không hoạt động.Twitter Bootstrap 2.1 - Phương thức không hoạt động đúng cách

Vấn đề là phương thức được hiển thị khi trang đã tải.

tôi đã viết này trong tôi <head>

<script type="text/javascript"> 
    $('#myModal').modal({show: false,keyboard: false}); 
    </script> 

Nhưng không có hiệu lực.

Code tôi sử dụng: (http://twitter.github.com/bootstrap/javascript.html#modals)

<-- Button to trigger modal --> 
<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a> 

<-- Modal --> 
<div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
    <h3 id="myModalLabel">Modal header</h3> 
    </div> 
    <div class="modal-body"> 
    <p>One fine body…</p> 
    </div> 
    <div class="modal-footer"> 
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button> 
    <button class="btn btn-primary">Save changes</button> 
    </div> 
</div> 

Nó render trực tiếp sau khi trang đã được nạp, nếu tôi bấm nút modal một lần nữa nó sẽ biến mất, và lần thứ 2 nó xuất hiện nhưng toàn bộ trang là darkend (ngay cả bản thân phương thức là darkend)

Bất kỳ ai cũng gặp phải vấn đề tương tự?

Tôi đã đẩy nó vào heroku để bạn có thể thấy sự cố. http://elobeast.com/ (góc trên cùng bên phải "Khởi chạy chế độ demo")

Trả lời

14

Bạn cần thêm lớp .hide vào vùng chứa chính của phương thức để ẩn nó cho đến khi được gọi.

+0

Cảm ơn sự cố này :) –

Các vấn đề liên quan