jquery raty星形大小属性不起作用

Question

我正在尝试使用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。

谢谢

Answer 1

我也有同样的问题，对我来说，这是浏览器的缓存……直到我把这个属性"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'
});

然后我可以看到其中一个是大尺寸的。然后我想也许是缓存的问题..事实就是如此。

试一试，也许这就是解决方案。

Answer 2

您忘记了在代码前面使用$ sign，在代码末尾使用});。此外，也许您应该尝试在页面加载时使用.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属性，但请检查该路径是否正确。