2014-10-02 26 views
5

bạn có thể vui lòng giúp tôi tôi có nút thả xuống Bootstrap`s đến cuối DataTable nhưng khi tôi nhấp vào nó nó không phải là đơn làm việc không được hiển thịBootstrap với Datatables không làm việc

<div class="btn-group dropdown"> 
     <button class="btn btn-default dropdown-toggle" aria-haspopup="true" aria-expanded="false">Action <span class="caret"></span></button> 
     <ul class="dropdown-menu"> 
      <li><a href="">Edit</a></li> 
      <li><a href="">Delete</a></li> 
      <li class="divider"></li> 
      <li><a href="">Separated link</a></li> 
     </ul> 
</div> 

enter image description here

+0

Bạn có đang khởi tạo dorpdown trong tập lệnh của mình như 'thả xuống()' không? – DimoMohit

+0

Không, tôi chỉ gọi phương thức Datatable để tạo $ .ajax gọi đến cơ sở dữ liệu và thêm html này vào cột cuối cùng của dữ liệu –

+2

Thêm thuộc tính dữ liệu để thả xuống trong html 'data-toggle = "drop down"' hoặc sử dụng tập lệnh để khởi tạo thả xuống '.dropdown()' trong trường hợp của bạn, sử dụng thuộc tính data tốt hơn. Hi vọng điêu nay co ich. Bạn có thể tham khảo tài liệu Bootstap http://getbootstrap.com/javascript/#dropdowns-usage – DimoMohit

Trả lời

5

các định dạng đúng của một trình đơn thả xuống bootstrap theo trang web của họ là:

<div class="dropdown"> 
    <a data-toggle="dropdown" href="#">Dropdown trigger</a> 
    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> 
    ... 
    </ul> 
</div> 

Nó cũng phụ thuộc vào các tập tin bootstrap.js được bao gồm trên trang của bạn , vì vậy hãy chắc chắn rằng bạn có điều này.

Nguồn:

http://getbootstrap.com/javascript/#dropdowns

+0

Trong thực tế, nó hoạt động ngay lập tức với khuyến nghị này, vì vậy điều này nên được chấp nhận câu trả lời - xem fiddle -> http://jsfiddle.net/nbmhb44k/xóa câu trả lời của riêng tôi. Đó là tất cả về 'dữ liệu-toggle =" thả xuống "' – davidkonrad

+0

điều này làm việc cho tôi, bắt đầu div thả xuống lớp là chìa khóa. – Jawaad

10

tôi thêm

$('body .dropdown-toggle').dropdown(); 

Và làm việc cho tôi.

+0

Sau khi tìm kiếm quá lâu vì lý do tại sao DataTables và trình đơn thả xuống Bootstrap không chơi cùng, tôi đi qua giải pháp đơn giản và nhanh chóng này và nó đã làm các trick cho tôi! Cảm ơn nhiều. – TheCuBeMan

+0

Hoàn hảo này phải là câu trả lời được chấp nhận. –

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