Tiện ích Xếp hạng sao cho giao diện người dùng jQuery

Question

Tôi đã được giới thiệu với Star Rating widget dành cho giao diện người dùng jQuery. Ban đầu tôi đã sử dụng this one.

Có sự khác biệt nào giữa việc sử dụng cả hai không?

Cũng cố gắng sử dụng giao diện người dùng jquery, tôi không thể nhận các nút nhập để hiển thị dưới dạng dấu sao. Tôi có những js và css file bao gồm:

<script src="jquery-1.3.2.min.js" type="text/javascript"></script> 
<script src="jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script> 
<script src="ui.stars.js" type="text/javascript"></script> 
<link href="ui.stars.css" type="text/css" rel="stylesheet" /> 

Và đối với mã của tôi, chỉ cần:

<form> 
    Rating: <span id="stars-cap"></span> 
    <div id="stars-wrapper1"> 
     <input type="radio" name="newrate" value="1" title="Very poor" /> 
     <input type="radio" name="newrate" value="2" title="Poor" /> 
     <input type="radio" name="newrate" value="3" title="Not that bad" /> 
     <input type="radio" name="newrate" value="4" title="Fair" /> 
     <input type="radio" name="newrate" value="5" title="Average" checked="checked" /> 
     <input type="radio" name="newrate" value="6" title="Almost good" /> 
     <input type="radio" name="newrate" value="7" title="Good" /> 
     <input type="radio" name="newrate" value="8" title="Very good" /> 
     <input type="radio" name="newrate" value="9" title="Excellent" /> 
     <input type="radio" name="newrate" value="10" title="Perfect" /> 
    </div> 
</form> 

Tất cả các tập tin và hình ảnh đang ở trong cùng một thư mục. Tôi chưa bao giờ sử dụng giao diện người dùng jquery trước đây, vì vậy tôi không chắc chắn nếu tất cả tôi cần là tập tin đó. Tôi không chắc chắn nếu nó cần nó, hoặc các plugin xếp hạng sao khác tôi đã sử dụng không yêu cầu nó. Có ai biết tôi đang thiếu gì không?

Answer 1

thường là tệp jquery ui css tham khảo hình ảnh từ thư mục có tên images đặt cùng thư mục với tệp css. Vì vậy, bạn cần thay đổi đường dẫn của hình ảnh được tham chiếu trong ui.stars.js.

| 
    --images 
    | 
    ---image files are here 
    | 
    --ui.stars.css 

Answer 2

Khi sử dụng orkans' STAR_RATING bạn cần phải nói cho nó để chuyển đổi radiobuttons để sao một cách rõ ràng, như thế này (tôi sử dụng chế độ jQuery.noConflict):

jQuery(document).ready(function($){ 
    $("#stars-wrapper1").stars(); 
} 

Answer 3

tôi phát hiện ra, vấn đề mà với versoion tôi đã tải về là, đối tượng o không được khởi tạo ok trong hàm _init (các giá trị mặc định từ phần cuối của ui.star.js không được nạp). Đối tượng này cũng đặt các giá trị CSS (các lớp). Tôi đã không tìm thấy các giải pháp nêu ra, nhưng một workaround đơn giản sẽ là, để lấp đầy những giá trị lúc khởi tạo của các ngôi sao trên trang của bạn:

<script type="text/javascript"> 
    $("#stars-wrapper1").stars({ 
    cancelClass: "ui-stars-cancel", 
    starClass: "ui-stars-star", 
    starOnClass: "ui-stars-star-on", 
    starHoverClass: "ui-stars-star-hover", 
    starDisabledClass: "ui-stars-star-disabled", 
    cancelHoverClass: "ui-stars-cancel-hover", 
    cancelDisabledClass: "ui-stars-cancel-disabled" 
    }); 
    </script>