jquery raty star size属性不起作用

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

你忘记了代码前面的$标志，最后是});。此外，也许您应该尝试使用.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插件有一个example可以改变星星的大小。为了设置更大的尺寸，你必须有适合更大的恒星的图像。从站点：您将使用的图标的像素大小。

$('#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属性，但请检查该路径是否正确。