5

我正在尝试使用 jquery.raty.js 和 jquery.raty.min.js 但我想制作大星星但它不起作用。我已经在 jquery.raty.js 和脚本内的这个函数中更改了大小。

我这里有这个插件:

http://wbotelhos.com/raty

$(document).ready(function () {
    $('.star1').raty({
        cancel: true,
        score: 0,
        half: true,
        size: 22,
        path: 'img',
        click: function (score1, evt) {
            $('input.valor').val(score1);
        }
    });
});

我想要 22 或 24 像素的星星,但它的大小始终为 16。

谢谢

4

2 回答 2

3

我遇到了同样的问题,对我来说是浏览器的缓存内存......直到我把这个属性“single:true”放入函数中它才起作用

$('#star').raty({
  cancel   : true,
  cancelOff: 'cancel-off-big.png',
  cancelOn : 'cancel-on-big.png',
  half     : true,
 ->>>>> single   : true,
  size     : 24,
  starHalf : 'star-half-big.png',
  starOff  : 'star-off-big.png',
  starOn   : 'star-on-big.png'
});

然后我可以看到其中一个很大。然后我想也许是缓存..确实如此。

试试看,也许是解决方案。

于 2013-04-17T21:53:46.300 回答
0

您忘记了$在代码前面和});最后的签名。此外,也许您应该尝试使用该.ready()功能在页面加载时启动您的代码。

所以,代码是:

$(document).ready(function () {
    $('.star1').raty({
        cancel: true,
        score: 0,
        half: true,
        size: 22,
        path: 'img',
        click: function (score1, evt) {
            $('input.valor').val(score1);
        }
    });
});

编辑

Raty 插件有一个改变星星大小的例子。为了设置更大的尺寸,您必须为更大的星星设置合适的图像。来自站点:您将使用的图标的像素大小。

$('#star').raty({
  cancel   : true,
  cancelOff: 'cancel-off-big.png',
  cancelOn : 'cancel-on-big.png',
  half     : true,
  size     : 24,
  starHalf : 'star-half-big.png',
  starOff  : 'star-off-big.png',
  starOn   : 'star-on-big.png'
});

您也可以尝试使用path属性,但请检查该路径是否正确。

于 2013-04-17T20:15:52.077 回答