2013-04-17 150 views
5

jquery.raty.jsとjquery.raty.min.jsを使用しようとしていますが、大きな星を作って動作しません。私はjquery.raty.jsのサイズを変更し、スクリプト内のこの関数で変更しました。私はここに、このプラグイン持ってjquery raty star size属性が機能しません。

:私は22個のまたは24ピクセルの星をしたいが、その大きさは

常に16です

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); 
     } 
    }); 
}); 

はあなた

+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' 
}); 

をして、Iそのうちの1つを大きなサイズで見ることができます。それから私はそれがキャッシュだったかもしれないと思った。そしてそれはあった。

試してみてください。おそらく解決策です。

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); 
     } 
    }); 
}); 

EDIT

Ratyプラグインはstrarsのサイズを変更するための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プロパティでもしようとしますが、そのパスが適切であるかどうかを確認することができます。

+0

申し訳ありません私はそれをここでコピーしたとき、関数の最初と最後を忘れました。私のウェブの星は、問題はサイズだけです。 – roxeman3

+0

@ roxeman3、私の更新された答えを見てください。 –

+0

私はすでに22pxの画像を持っていますが、ありがとうございます。スター数が多いので#starで作成することはできません。ありがとうございます – roxeman3

関連する問題