2013-04-17 1 views
5

Ich versuche, jquery.raty.js und jquery.raty.min.js zu verwenden, aber ich möchte groß die Sterne machen und es funktioniert nicht. Ich habe die Größe in jquery.raty.js und in dieser Funktion innerhalb des Skripts geändert.jquery raty Sterne Größe Attribut funktioniert nicht

Ich habe dieses Plugin hier bekam:

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

möchte ich den Stern in 22 oder 24 Pixel aber seine Größe ist immer 16.

Danke

+2

Wo ist das '$' vor '('.star1')' in deinem Code? –

+1

und '});' am Ende Ihres Codes. –

+0

Entschuldigung, ich habe den Anfang und das Ende der Funktion hier vergessen, als ich sie kopiert habe. Die Sterne in meinem Web arbeiten, das Problem ist nur die Größe. – roxeman3

Antwort

3

hatte ich das gleiche Problem und für mich war es der Cache-Speicher des Browsers ... Es hat nicht funktioniert, bis ich in der Funktion dieses Attribut setzen „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' 
}); 

und dann habe ich könnte einen von ihnen in großer Größe sehen. dann dachte ich, dass es vielleicht der Cache war ... und es war.

Versuchen Sie es, vielleicht ist die Lösung.

0

Sie haben $ Zeichen vor Ihrem Code und }); am Ende vergessen. Vielleicht sollten Sie auch versuchen, Ihren Code beim Laden der Seite mit .ready() Funktion zu starten.

So Code ist:

$(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 Plugin eine example zum Ändern von Größe strars haben. Um eine größere Größe einzustellen, müssen Sie richtige Bilder für größere Sterne haben. Von der Seite: Die Größe in Pixel des Symbols, das Sie verwenden werden.

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

können Sie auch versuchen, mit path Eigenschaft, aber überprüfen, ob dieser Weg richtig ist.

+0

Entschuldigung, ich habe den Anfang und das Ende der Funktion hier vergessen, als ich sie kopiert habe. Die Sterne in meinem Web arbeiten, das Problem ist nur die Größe. – roxeman3

+0

@ roxeman3, siehe meine aktualisierte Antwort. –

+0

Ich habe es bereits getan, ich habe die Bilder in 22px, aber danke.und ich kann sie nicht mit #star erstellen, weil ich mehr Sterne verwenden..thank Sie – roxeman3