jQuery用户界面的星级小工具

我被介绍给用于jQuery UI的Star Rating widget。我最初使用的是this one。jQuery用户界面的星级小工具

使用两者有什么区别吗？

那么试图使用jQuery UI的一个，我不能让输入按钮显示为星星。我有这些JS和CSS包括文件：

<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" />

而对于我的代码，简单地说：

<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>

的所有文件和图像在同一文件夹。我以前从未使用jQuery UI，所以我不确定是否需要的只是该文件。我不确定它是否也需要它，我使用的另一个星级评分插件并不需要它。任何人都知道我失去了什么？

来源

2009-10-11 Roger

通常jquery ui css文件引用来自文件夹名为images的图片放置为与css文件相同的目录。所以你需要改变ui.stars.js中引用图像的路径。

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

来源

2009-10-11 16:52:58 TheVillageIdiot

奇怪，我创建的映像文件夹，并把ui.stars.gif内但仍然没有运气。 – Roger 2009-10-11 17:05:18

当使用orkans' STAR_RATING你需要告诉它单选按钮转换为星明确，像这样（我使用jQuery.noConflict模式）：

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

来源

2009-12-15 14:36:18

我发现，这个问题与我已经下载的版本是，该对象o在_init函数中没有初始化好（ui.star.js结尾的默认值未加载）。该对象还设置了CSS值（类）。我还没有找到解决办法，但一个简单的解决方法是，在您的网页上星初始化填补这些值：

<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>

来源

2010-04-03 00:26:26

jQuery用户界面的星级小工具

回答

相关问题