2012-03-28 61 views
10

Tôi đang cố gắng tích hợp tagit với chức năng typeahead của twitter bootstrap.Tôi có thể sử dụng tagit với twitter bootstrap không?

Tôi biết rằng thẻ dựa trên giao diện người dùng jquery để tự động hoàn thành, v.v. Có thể sử dụng trình khởi động twitters để thay thế không?

Về cơ bản tất cả tôi muốn từ tagit là để cho phép người dùng nhanh chóng bấm và xoá các mục từ một danh sách nhưng không muốn giới thiệu một thư viện script java trên trang web của tôi

+0

Ngoài ra còn có một phiên bản nhiều typeahead ở đây: https://github.com/twitter/bootstrap/pull/2007. Nhưng nó vẫn là văn bản. – gremo

+0

khiến tôi gần gũi hơn. Bây giờ nếu tôi có thể thêm phong cách của tagit đó sẽ là hoàn hảo :) – Paul

+0

Vâng, tôi cũng quan tâm. Tôi sẽ kiểm tra câu hỏi này để cập nhật thêm. Cũng lưu ý rằng plugin modded cho phép các mục trùng lặp. – gremo

Trả lời

4

Tagit là tốt đẹp và tôi đã không tìm thấy một thay thế phù hợp. Tin tốt là, you don't need all of Jquery-UI và bạn có thể tạo kiểu cho đầu vào thẻ của mình để trông ổn với Bootstrap.

SCSS:

ul.tagit { 
    margin-left: 0; 
    input { @include box-shadow(none); } 
} 

CSS:

ul.tagit { 
    margin-left: 0; 
} 
ul.tagit input { 
    -webkit-box-shadow: none; 
    -moz-box-shadow: none; 
    box-shadow: none; 
} 
+2

Xin chào, bạn có thể hiển thị đoạn mã SCSS nhỏ đó thành CSS bình thường không? Điều đó sẽ giúp người dùng cửa sổ lười biếng thích tôi ... –

1

Made nhỏ example, đó là làm việc, mặc dù xấu xí một chút. Tôi không thực sự tốt trong phong cách CSS, vì vậy, hy vọng, bạn sẽ thực hiện cải tiến cho ví dụ này để làm cho nó hoàn toàn tốt đẹp.

1

Nếu bạn không nhớ phụ thuộc giao diện người dùng jQuery, bạn có thể sử dụng http://addyosmani.github.com/jquery-ui-bootstrap/ để tạo kiểu cho giao diện người dùng jQuery trông giống như chủ đề Bootstrap mặc định. Nó sẽ chơi độc đáo với Tag-it - xin vui lòng cho tôi biết nếu nó không như tôi đã không được sử dụng nó bản thân mình (tôi là tác giả của Tag-it).

+0

Xin chào, tôi có thể mở rộng thẻ để sử dụng kiểu gõ bootstrap không? Bất kỳ ý tưởng về cách làm như vậy sẽ là trợ giúp tuyệt vời. – gaurav

+1

@gauravvgat Tôi muốn hỗ trợ bootstrap tốt hơn nhiều. Tôi có một phiên bản của CSS đang tiến hành sẽ loại bỏ sự phụ thuộc vào CSS của jQuery UI và cho phép tagit được tạo kiểu bởi CSS của bootstrap. Tôi đoán bước tiếp theo sẽ cho phép trao đổi giao diện người dùng jQuery autocomplete cho typeahead ... không có ý tưởng nào về cách tôi sẽ làm điều này, không mong nó tbh :) Vì tôi muốn giữ cho API đơn giản. – aehlke

+0

Tôi chỉ thử nó với bootstrap 3.0, đã phá vỡ nó :-) Tôi đoán bạn có nghĩa là, để thay thế bootstrap? Tôi đề nghị, chỉ cần thêm một phiên bản css hoạt động dưới bootstrap? Sẽ làm điều này cuối cùng bản thân mình, có lẽ –

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