2010-04-01 36 views
17

Tôi đang cố gắng cài đặt jQuery UI với chủ đề ThemeRoller lần đầu tiên. Tôi đã tải về jquery 1.4.2 ... Tôi đã tải về jQuery UI với một vài chủ đề. Tôi đã cố gắng làm theo các hướng dẫn nhưng họ có vẻ mâu thuẫn và dường như không liên quan đến các tệp đã tải xuống.jQuery UI ThemeRoller - Cài đặt chủ đề

Khi tôi cố gắng sử dụng một công cụ datepicker ... chức năng datepicker hoạt động, nhưng nó có kiểu mặc định (màu xám).

This page đề cập đến thư mục/thư mục con/tệp css không tồn tại. Trang này đề cập đến tệp ui.theme.css không tồn tại.

Các tải tôi nhận được bao gồm như sau:

--development-bundle 
---demos 
----docs 
----external 
----themes 
------base 
------Redmond 
----ui 
------i8n 
------minified 
--js 

Vậy điều gì làm bạn đặt ở đâu? Tôi đã sao chép các js vào thư mục thích hợp và liên kết nó vào trang của tôi. Và tôi cũng đã sao chép thư mục themes/base và liên kết với file jquery.ui.all.css. Ngay cả các trình diễn được bao gồm chỉ hiển thị kiểu dáng (màu xám) mặc định.

Tôi sẽ làm gì sai?

EDIT:

Xin lỗi, tôi thực sự cố gắng Redmond đầu tiên, nhưng khi nó đã không làm việc, tôi đã cố gắng Smoothness (lựa chọn ngẫu nhiên -didn't nhận ra nó là một màu xám). Tôi nhận được kết quả tương tự cho mỗi màu xám. [cấu trúc thư mục cũng điều chỉnh ở trên]

EDIT 2: Vâng, tôi đã figured it out .... không phải của Smoothness hoặc Redmond tải ban đầu đã có một thư mục CSS (như có thể được nhìn thấy từ cấu trúc tôi đã mô tả ở trên). Cả hai chủ đề này đều được tải xuống trong vòng vài phút và có kích thước tệp khác nhau). Tôi vừa thử tải xuống Cupertino, có thư mục CSS - khi tôi sao chép ứng dụng này vào ứng dụng của mình, tôi có được kiểu dáng phù hợp.

Vì vậy, tôi đã cố gắng tải Redmond một lần nữa, và lo and behold - nó cũng hiện nay có một thư mục CSS ... Tôi tự hỏi nếu tôi có thể tải về các chủ đề tương tự hai lần, nhưng họ có timestamps khác nhau và kích thước file khác nhau ... Tôi bối rối. Có lẽ máy chủ jQuery chỉ có một bộ não-rắm!

Sao vàng ngày hôm nay chuyển sang nick để đưa tôi vào đường mòn của jquery-ui-1.8.custom.css, mà cuối cùng dẫn đến hiển thị của tôi!

EDIT 3:

Tôi vừa mới bắt đầu tải Bắt đầu và Nhân văn - cả hai tập tin zip KHÔNG có một thư mục CSS!

Đào sâu hơn, có vẻ như I might not be crazy after all.

+0

Vì vậy, bạn vừa cài đặt công cụ chủ đề tùy chỉnh trong thư mục cơ sở? –

Trả lời

17

Bạn cần thay đổi liên kết này trong đầu của bạn, nó phải ở định dạng này:

<link rel="Stylesheet" href="/css/MY_THEME_HERE/jquery-ui-1.8.custom.css" /> 

Ví dụ, nếu bạn đã tải về các chủ đề redmond sẽ là:

<link rel="Stylesheet" href="/css/redmond/jquery-ui-1.8.custom.css" /> 

Dù chủ đề bạn chọn khi tải xuống nên được bao gồm trong zip tại đường dẫn này. Nếu bạn đã tạo chủ đề tùy chỉnh, nó sẽ là:

<link rel="Stylesheet" href="/css/custom-theme/jquery-ui-1.8.custom.css" /> 
+0

Tệp jquery-ui-1.8.custom.css thực sự nằm trong thư mục con js, nhưng tôi đã sao chép nó (và tệp js UI) vào một thư mục khác - liên kết css của tôi là chính xác. – CJM

+0

Gãi nhận xét cuối cùng - Tôi nghĩ tôi đang nói chuyện với chiếc mũ của mình. Tôi sẽ kiểm tra ... :) – CJM

+2

@CJM - Đây cũng là những CDN được lưu trữ, ví dụ để kéo redmond từ google thay đổi liên kết biểu định kiểu của bạn thành: http://ajax.googleapis.com/ajax/libs/jqueryui/1.8 /themes/redmond/jquery-ui.css –

0

Độ mịn là chủ đề màu xám - bạn có chắc chắn rằng nó không được thiết lập chính xác không? Có thể thử một trong những chủ đề nhiều màu sắc hơn và xem nếu nó phù hợp với themeroller.

+0

Xin lỗi - Tôi thực sự đã thử redmond trước - cùng một kết quả (xem bên trên) – CJM

0

Độ mịn là chủ đề gery "mặc định" bạn nhận được khi tải xuống jquery ui. Khi bạn cuộn chủ đề của riêng bạn thì thư mục css sẽ có thư mục "tùy chỉnh" có chủ đề được cuộn của bạn.

Bạn có chắc chắn rằng bạn đã không chọn độ mượt mà trong khi tải xuống jqueryUI thay vì tùy chỉnh hoặc chủ đề khác không?

Đôi khi, khi bạn thay đổi chủ đề bạn cần tải lại trang (f5) để xem các thay đổi.

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