繁体   English   中英

jQuery Star Rating插件

[英]jQuery Star Rating Plugin

我正在使用星级评分插件,但无法正确配置它,以在右侧显示悬停标签,如此页面Test-3B所示:

http://www.fyneworks.com/jquery/star-rating/#tab-Testing

<script>
$(function(){
$('.star').rating({
focus: function(value, link){
// 'this' is the hidden form element holding the current value
// 'value' is the value selected
// 'element' points to the link element that received the click.
var tip = $('#hover-test');
tip[0].data = tip[0].data || tip.html();
tip.html(link.title || 'value: '+value);
},
blur: function(value, link){
var tip = $('#hover-test');
$('#hover-test').html(tip[0].data || '');
}
});
});

</script>
<input type="radio" name="rating" value="1" style="margin: 0;" class="star"  title="Very     poor"/>
    &nbsp;
<input type="radio" name="rating" value="2" style="margin: 0;" class="star" title="Poor"/>
    &nbsp;
<input type="radio" name="rating" value="3" style="margin: 0;" class="star" title="OK"/>
    &nbsp;
<input type="radio" name="rating" value="4" style="margin: 0;" class="star" title="Good"/>
    &nbsp;
<input type="radio" name="rating" value="5" style="margin: 0;" class="star" title="Very good"/>
<span id="hover-test" style="margin:0 0 0 20px;">Hover tips will appear in here</span><br />

我尝试了您的插件,效果很好。

我将源代码放在这里: http : //jsfiddle.net/VgWtG/

您可以自己测试。 对于您的代码,请尝试放入<script type='text/javascript'>而不是</script> 然后,用div包围输入集。

但是我很确定您的问题来自缺少的include(请在我给您的源代码中进行检查)。 问候。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM