CSS UI không có giao diện người dùng jQuery cdn

Question

Tôi đang tìm CSS không có chủ đề mà bạn có thể tải trên trang tải xuống giao diện người dùng jQuery, http://jqueryui.com/download/.

Từ bài khác https://stackoverflow.com/questions/1348559/are-there-hosted-jquery-ui-themes-anywhere này, tôi sẽ mong đợi để tìm thấy nó tại địa chỉ: http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/no-theme/jquery-ui.css

Nhưng, một tập tin không tồn tại ở đó. Tôi đang tìm CSS không có chủ đề, không có hình ảnh hoặc thuộc tính hình nền.

Chủ đề gần nhất là chủ đề cơ sở nhưng có thuộc tính hình nền cho hình ảnh nằm ở hình ảnh/ui-bg_flat_0_aaaaaa_40x100.png. CSS cơ sở trên CDN: http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/base/jquery-ui.css

Có URL cho phiên bản mới nhất của CSS UI jQuery không có chủ đề không?

Answer 1

Không, dường như không có CSS ​​"không có chủ đề" trên Google hoặc MS CDN. Tuy nhiên, bạn có thể tải các thành phần riêng lẻ (ví dụ: jquery.ui.button.css, jquery.ui.core.css v.v.) thay vì kết hợp jquery-ui.css. Chỉ cần bỏ qua jquery.ui.theme.css!

Google không cung cấp các thành phần riêng lẻ, nhưng cdnjs làm: http://cdnjs.com/libraries/jqueryui/

Vì vậy, lấy tất cả các

//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.3/css/base/minified/jquery.ui.(...).min.css 

Trừ

//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.3/css/base/minified/jquery.ui.theme.min.css 

Trong thực tế, bạn don' t thậm chí có để có được tất cả các thành phần (ví dụ nếu bạn không bao giờ sử dụng accordion, không tải nó).

Lưu ý rằng "cơ sở" được đổi tên thành "Smoothness" trong 1.10.2, nhưng đối với bất cứ lý do cdnjs đã đổi tên nó trở lại "cơ sở" ...

Tuy nhiên bạn bị mất ra 2 điều: yêu cầu tập tin hơn (mặc dù tổng kích thước tệp nhỏ hơn) và bộ đệm ẩn (phần lớn người dùng đã có phiên bản Google được lưu trong bộ nhớ cache).

Answer 2

Điều này có thể được thực hiện với jQuery mobile. Sử dụng tệp CSS "chỉ có cấu trúc" sẽ cung cấp chức năng mà không can thiệp vào CSS cục bộ.

Add "cấu trúc" vào tên của URL CSS như thế này (ví dụ): http://code.jquery.com/mobile/1.4.5/jquery.mobile.structure-1.4.5.min.css