Question

我正在http://www.fyneworks.com/jquery/star-rating/#tab-Overview使用jQuery星级评分控件。我正在使用5颗星，每颗星都有1到5的特定值。控件显示正常并且表现正常。但是，我需要在点击星星后立即点击星星的值。我不知道怎么做。

感谢您的帮助。

Answer 1

在分析评级控件生成的标记结构后，我在文档就绪函数中添加了以下代码。

    $('div.star').live('click', function() {
        var value = $('a', this).html().trim();


        var ratingName = $(this).parent().next('input[type="radio"]').attr('name');

        alert('rating for ' + ratingName ' is ' + value);
    });

这样做很好，但非常间接。我不知道更直接的解决方案。

Answer 2

明星们基本上都是在幕后使用单选按钮并拥有课程star，试试这个：

$(function(){
  $('.star').live('click', function(){
     alert($(this).val());
  });
});

Answer 3

在一个项目中，我们使用相同的插件并且不得不离开它，因为当在同一页面中有很多星级评分时它很慢（它为每个输入元素生成了很多dom元素）。我们最终实现了css只有tecnique seen here，它的速度更快（但它明显放松了一些选项，如“偏星”评级）

如何挂钩回调点击星级评级控件的事件

3 个答案: