2013-04-17 34 views
5

我想使用jquery.raty.js和jquery.raty.min.js,但我想使大星星,它不工作。我已經改變了jquery.raty.js和腳本中的這個函數的大小。jquery raty星號大小屬性不起作用

我有了這個插件在這裏:

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

謝謝

+2

代碼中'('.star1')''前面的'$'在哪裏? –

+1

和'});'在代碼的末尾。 –

+0

對不起,我在複製時忘記了函數的開始和結束。我在網上工作的星星,問題只是大小。 – roxeman3

回答

3

我有同樣的問題,對我來說是瀏覽器的緩存內存...它沒有工作,直到我把函數這個屬性的「單:真」

$('#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' 
}); 

,然後我可以看到其中一個大尺寸。那麼我認爲它可能就是緩存......而且是。

試試吧,也許是解決方案。

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插件有一個example改變strars的大小。爲了設置更大的尺寸,您必須擁有適合更大星星的適當圖像。來自網站:您將使用的圖標的像素大小。

$('#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財產,但是否這條道路是正確的。

+0

對不起,我在複製它時已經忘記了函數的開始和結束。我在網上工作的星星,問題只是大小。 – roxeman3

+0

@ roxeman3,看我更新的答案。 –

+0

我已經做到了,我有22px中的圖像,但是謝謝。我不能用#star創建它們,因爲我使用更多星星..感謝您 – roxeman3