Fuelux Datagrid ngắt các menu thả xuống bootstrap

Question

Tôi gặp sự cố với thành phần DataGrid của FuelUX. Một trang của trang web của tôi nơi tôi triển khai thành phần datagrid, các menu thả xuống được cung cấp bởi bootstrap ngừng hoạt động.

Tôi đang sử dụng: jQuery 1.9.0, fuelUX 2.3.0, Bootstrap 2.3.1 Tôi KHÔNG sử dụng: requireJS.

Tôi đang mang các tệp css FuelUX và tệp loader.js. Menu bootstrap hoạt động trên mọi trang khác ngoại trừ trang này. Các thành phần datagrid dường như hoạt động tốt ngoại trừ việc đó là lựa chọn riêng của trình đơn không hoạt động hoặc.

Mọi con trỏ?

Answer 1

Bằng cách sử dụng loader.js từ Fuel UX bạn đã đưa vào Bootstrap. Fuel UX 2.3.0 bao gồm Bootstrap 2.3.0 nên nếu trang của bạn đang tải Bootstrap 2.3.1 thì nó có thể là một xung đột. Vui lòng xem ví dụ này http://tinkerbin.com/0RXOjPNd tải jQuery 1.9.1 và Fuel UX/Bootstrap 2.3.0. Lưu ý rằng bạn cần phải nhấp vào nút RUN màu xanh lá cây để bắt đầu tập lệnh trên tinkerbin.

Bản phát hành bản sửa lỗi Fuel UX 2.3.1 - cũng sẽ bao gồm Bootstrap 2.3.1 - sẽ sớm được phát hành nhưng nếu bạn muốn thử công việc gần hoàn thành, các tệp phân phối nằm trong nhánh chính tại https://github.com/ExactTarget/fuelux/tree/master/dist

Tôi hy vọng điều này giúp bạn chạy!

Answer 2

Đã xảy ra sự cố tương tự và đã khắc phục sự cố bằng cách xóa phần khởi động của tôi. Chỉ có vấn đề khó khăn: Tôi cần một bootstrap trước đó hơn một nạp trong fuelux (tôi cần v3, fuelux tải v2). Bất kỳ ý tưởng làm thế nào để giải quyết điều đó?

Answer 3

tôi phải đối mặt với cùng một vấn đề:

"javascripts/libs/bootstrap.js"

"javascripts/libs/loader.min.js"

các hàng trên đều trong trạng thái xung đột : tất cả các trình đơn thả xuống bootstrap của tôi bị hỏng sau khi bao gồm loader.min.js. Cách giải quyết đầu tiên tôi tìm thấy là tách hai tệp js này trên trang nơi tôi sử dụng thuật sĩ Fuel UX. Nhưng khi nó đã được bật ra sau đó accordion bootstrap của tôi trở nên bị hỏng, gây ra trang này trong tổng số sử dụng bootstrap.js.

Tôi giải quyết vấn đề này bằng cách cập nhật thuật sĩ UX wizard.js mà tôi cần với việc loại bỏ mã liên quan đến AMD. Và điều này hoạt động.

Tôi sử dụng bootstrap v3.1.1 và Fuel UX cuối cùng - v2.6.0 - 2014-02-14 Đang chờ sửa chữa chính xác từ người tạo Fuel UX.