Biểu tượng Nút giao diện người dùng JQuery không hiển thị

Question

Tôi đang cố gắng áp dụng biểu tượng cho nút kiểu giao diện người dùng jquery trong ứng dụng Rails của mình. Nút được tạo kiểu đúng nhưng tôi không thể hiển thị biểu tượng! Bất cứ ai có thể cho tôi bất kỳ lời đề nghị - Tôi kéo tóc ra!

tôi đã thực hiện như sau:
1) sao chép các tập tin javascript (jquery-1.4.2.min.js và jquery-ui-1.8.2.custom.min.js) cho công chúng/Javascripts
2) Sao chép toàn bộ thư mục chủ đề êm ái đến dưới công cộng/css
3) thêm đoạn mã sau vào file layout của tôi để bao gồm các tập tin liên quan:

<%=stylesheet_link_tag 'smoothness/jquery-ui-1.8.2.custom', :media => 'screen, projection'%> 
<%=javascript_include_tag 'jquery-1.4.2.min', 'jquery-ui-1.8.2.custom.min', 'application'%> 

4) thêm một 'tiết kiệm' lớp để nút I muốn tạo kiểu:

<%= submit_tag 'Save Changes', :class => 'save' %> 

5) Thêm dòng sau vào file application.js:

$(document).ready(function() { 
    $(".save").button({ icons: {primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'} }); 
}); 

(Cho đến khi tôi nhận được nó làm việc, các mã trong bước 5 được sao chép và dán từ các tài liệu - Tôi vừa mới thay đổi selector)

Nút chọn kiểu dáng của chủ đề - nhưng tôi không có may mắn để các biểu tượng hiển thị - tôi có bỏ lỡ một bước không?

Nhiều Cảm ơn,
Ash

Answer 1

Tôi không biết nếu có một lỗi trong jQuery UI để chuyển đổi input type="submit" yếu tố để nút jQuery UI, nhưng khi tôi thay đổi mark-up để render một yếu tố <button> thay vì một <input type="submit" .../>, nó làm việc:

<button type="submit" class="save">Save Changes</button>

Cấp, tôi chỉ làm điều này với HTML tĩnh, không Ruby on Rails. Thành thật mà nói, tôi là một nhà phát triển C#/ASP.NET MVC, vì vậy tôi không chắc liệu bạn có thể hiển thị phần tử nút bằng RoR hay không. Nếu bạn có thể, có thể đó là hướng để thực hiện ngay bây giờ trong trường hợp đó là lỗi giao diện người dùng jQuery.

Tôi đã có thể tạo lại sự cố với HTML tĩnh bằng cách sử dụng phần tử gửi đầu vào. Nó hoạt động sau khi tôi chuyển sang kiểm soát HTML <button>.

Hy vọng điều này sẽ hữu ích!

Answer 2

Tôi gặp sự cố tương tự về dự án JSF/Facelets bằng giao diện người dùng JQuery. Nó chỉ ra rằng tôi cần phải sao chép tất cả các tập tin hình ảnh được tham chiếu bởi giao diện người dùng JQuery CSS vào một thư mục có tên là "hình ảnh" như một thư mục con của thư mục mà tôi đặt tệp CSS UI JQuery.

file hình ảnh: http://code.google.com/p/jquery-ui/source/browse/branches/labs/assets/theme/images