Hình ảnh của Phần tử giao diện người dùng JQuery không được hiển thị

Tôi đang sử dụng phần tử JQuery DatePicker trên trang web của mình. Nhưng, tôi không thể thấy các mũi tên nhỏ được hiển thị ở cả hai bên của tháng trên cùng. Khu vực này có thể nhấp vào & Tôi có thể duyệt qua các tháng bằng cách nhấp vào khu vực. Nhưng nó thực sự trống & không có mũi tên nhìn thấy.Hình ảnh của Phần tử giao diện người dùng JQuery không được hiển thị

Ví dụ: '<' tháng 7 năm 2013 '>'

tôi encounterd một vấn đề tương tự trong nút đóng của JQuery Dialog Control. Ở đây, hình ảnh nút đóng, giống như -> 'X', sẽ không xuất hiện ở góc trên cùng bên phải. Nhưng nhấp vào khu vực đó sẽ đóng hộp thoại.

<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    <link rel="stylesheet" href="styles/jquery-ui.css" /> 
    <script language="javascript" type="text/javascript" src="js/jquery.js" ></script> 
    <script language="javascript" type="text/javascript" src="js/jquery-ui.js"></script> 
</head>

Đây là cách trình tự của tệp được bao gồm. Dưới đây là liên kết mà tôi đang đề cập đến. Tôi đã sử dụng tệp css được đăng trên liên kết này để tải xuống.

http://jqueryui.com/datepicker/#default

Xin vui lòng trợ giúp.

Nguồn

2013-07-03 Crash OR

Bạn có kiểm tra đường dẫn đến sprite của mình trong tệp CSS không? – j08691

Bạn đã bao gồm tệp css chưa? –

Tôi đã bao gồm tệp css. Tôi cũng kiểm tra tương tự. Nhưng tôi không thể định vị nó. Tôi đã tìm kiếm tất cả các chuỗi 'datepicker' nhưng không có gì nói về đường dẫn. –

Cảm ơn các bạn đã giúp đỡ, tôi đã tìm thấy nó !!!

.ui-widget-header .ui-icon { 
    background-image: url(images/ui-icons_222222_256x240.png); 
}

Đây là đường dẫn hình ảnh có mục đích. Tệp này giống như code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css.

Tôi rất vui vì tất cả sự trợ giúp. Cảm ơn một lần nữa, @ j08691, @Tim B James, @John ツ, @Lopsided !! :)

Nguồn

2013-07-03 14:24:24

Sự cố dường như là vị trí của tệp hình ảnh liên quan đến tệp CSS. Các trang CSS jQuery CSS tham chiếu các tệp hình ảnh khác nhau được sử dụng trong giao diện người dùng. Bạn nên giữ tất cả các tệp trong thư mục CSS và tham chiếu chúng từ đó. Mặc dù tôi thấy rằng bạn có thể di chuyển các thư mục CSS này nếu cần. Đây là một trang web tôi đang sử dụng với nhiều chủ đề giao diện người dùng jQuery.

danh sách thư mục My:

enter image description here

Và đây là những tài liệu tham khảo từ mã của tôi:

enter image description here

tôi là mã hóa trong ASP.NET vì vậy chỉ cần bỏ qua các thẻ giữ chỗ nội dung.

* Cũng nên nhớ ... Mỗi theme thư mục mà bạn nhìn thấy trong thư mục của tôi niêm yết (ví dụ, "tối chủ đề") là một tiểu thư mục được tạo trong thư mục "CSS" khi bạn sử dụng jQuery's Custom Themeroller. Nếu bạn đang sử dụng một thư viện jQuery mặc định, tôi tin rằng những hình ảnh thư mục và các file CSS được đặt trực tiếp trong thư mục "CSS" **

THƯỞNG INFO:. Khi sử dụng jQuery Themeroller, họ cho phép bạn sử dụng nhiều chủ đề bằng cách sử dụng thẻ "phạm vi CSS" của họ. Bạn có thể sử dụng tính năng này bằng cách gõ một tên lớp mong muốn trong hộp văn bản được cung cấp (các lớp phải được tiền tố theo các khoảng thời gian như trong một bộ chọn jQuery). Nếu bạn đang sử dụng nhiều chủ đề, bạn chỉ cần gọi jQuery một lần và sau đó tham chiếu từng tệp CSS cần thiết. Đây là những gì tôi đã làm trong ví dụ của tôi, và là lý do tại sao nó có thể trông hơi phức tạp hơn của bạn khi hoàn thành.

Nguồn

2013-07-03 14:14:35 Lopsided

Hình ảnh của Phần tử giao diện người dùng JQuery không được hiển thị

Trả lời

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