Giá trị ngày tháng của jQuery và các nút tiếp theo không hiển thị, cách trỏ vào ảnh thư mục chủ đề trong css

Question

Tôi đã sử dụng thanh công cụ jQuery ui để thêm thành công điều khiển lịch vào hộp văn bản của tôi, nhưng các nút trước đó và tiếp theo không hiển thị thẻ hoạt động chức năng khi nhấp vào

Làm cách nào tôi có thể sửa đổi điều này để hiển thị các biểu tượng được hiển thị trên http://jqueryui.com/datepicker/ khi các hình ảnh này được tìm thấy trong gói web của tôi tại .. \ Content \ theme \ base \ images chứ không phải vị trí được hiển thị bên dưới

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

Tôi có cần phải gọi hình ảnh trong css theo cách tương tự như cách hình ảnh được gọi là fro m trong mã C# của tôi? Như trong:

"@Url.Content("~/Content/theme/base/images/ui-icons_222222_256x240.png")" 

Answer 1

Đảm bảo rằng bạn jquery-ui.min.css trỏ đến tệp chính xác cho hình ảnh. Bảng điều khiển sẽ hiển thị lỗi khi bạn đang cố gắng tải các biểu tượng.

Ví dụ: Nếu đây là vị trí tệp CSS của bạn: http://example.com/css/jquery-ui.min.css thì tệp biểu tượng phải ở trong http://example.com/css/images/ui-icons_222222_256x240.png. Liên kết trong tệp CSS có liên quan đến tệp CSS chứ không phải tệp HTML đang tải nó.

Answer 2

Bạn sắp hoàn tất.

Chỉ cần đảm bảo bạn thay đổi url của mình và thêm "! Quan trọng" vào cuối dòng.

Điều này sẽ cho phép bạn thêm bất kỳ hình ảnh nào bạn muốn.

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

Hy vọng điều này phù hợp với bạn.

Answer 3

tôi nhận thấy từ các thông báo lỗi rằng các trang web đã được tìm kiếm trong:

http://site/Content/images/image.png

Tôi không khá chắc chắn lý do tại sao, kể từ Mooseman của câu trả lời:

Các liên kết trong CSS tệp có liên quan đến tệp CSS chứ không phải tệp HTML đang tải tệp.

Có vẻ như rằng liên kết là tương đối từ site.css (có chứa trong Content) chứ không phải là Jquery-ui.mincss, và vì vậy nó rõ ràng là không thể tìm thấy png.

Sau khi thay đổi đường dẫn trong JQuery-ui.min.css để

themes/base/images/image.png

tại Nó hoạt động một cách hoàn hảo.