jQuery星级评分 - 点击打印文本

时间:2012-03-05 09:31:48

标签: jquery hover rating

目前我正在使用jQuery Star Rating插件。下面的javascript代码显示悬停时标题标记中的内容。当我停止悬停时,文本(内容)消失。当用户点击其中一颗星星时,我希望文本保留。

我在下面找到了一段代码,显然在点击时会在DIV中打印代码。 任何人都可以帮助我如何与其他代码集成?当我创建一个新的脚本部分时,它似乎不起作用。

代码我用于悬停/标题效果。

jQuery(function($){  $('.hover-star1').rating({   focus: function(value, link){
    var tip = $('#hover-test1');
    tip[0].data = tip[0].data || tip.html();
    tip.html(link.title || 'value: '+value);   },   blur: function(value, link){
    var tip = $('#hover-test1');
    $('#hover-test1').html(tip[0].data || '');   }  });

明显打印的代码

$('.hover-star').click(function (){$('#someDiv').text($(this).val());

Thnx提前

2 个答案:

答案 0 :(得分:1)

您在第二行代码中缺少结束括号:

$('.hover-star').click(function (){$('#someDiv').text($(this).val());

应该是

$('.hover-star').click(function (){$('#someDiv').text($(this).val() });

答案 1 :(得分:0)

更改评级功能中的模糊部分,如下所示:

blur: function(value, link){
    var tip = $('#hover-star');
    $('#hover-test1').html($('input[name="someName"]:checked').attr('title') );
}

将“someName”替换为输入字段的名称。 此外,您可以通过在评级功能之外添加来预设值:

$('#hover-test1').html($('input[name="someName"]:checked').attr('title') );