2013-04-17 9 views
5

Próbuję użyć jquery.raty.js i jquery.raty.min.js, ale chcę zrobić duże gwiazdy i to nie działa. Zmieniłem rozmiar w jquery.raty.js oraz w tej funkcji wewnątrz skryptu.jquery raty rozmiar gwiazda atrybut nie działa

Mam ten plugin tutaj:

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

Chcę gwiazdę na 22 lub 24 pikseli, ale jego rozmiar jest zawsze 16.

Dziękuję

+2

Gdzie jest '$' przed '('.star1')' w kodzie? –

+1

i '});' na końcu twojego kodu. –

+0

Przepraszam, że zapomniałem o początku i końcu tej funkcji, kiedy ją skopiowałem. Gwiazdy w mojej sieci działają, problem jest tylko wielkością. – roxeman3

Odpowiedz

3

miałem ten sam problem i dla mnie to była pamięć pamięć podręczną przeglądarki ... To nie działa aż położę w funkcji tego atrybutu „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' 
}); 

a potem widział jednego z nich w dużym rozmiarze. wtedy pomyślałem, że może to była pamięć podręczna ... i tak było.

Spróbuj, może jest rozwiązaniem.

0

Zapomniałeś o znaku $ przed swoim kodem, a na końcu - });. Być może powinieneś spróbować uruchomić kod na stronie ładowanie z funkcją .ready().

Więc kod jest:

$(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 wtyczki mają example do zmiany rozmiaru strars. Aby ustawić większy rozmiar, musisz mieć odpowiednie obrazy dla większych gwiazd. Ze strony: Rozmiar w pikselach ikony, z której będziesz korzystać.

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

Można spróbować również z path nieruchomości, ale sprawdzić, czy to jest właściwa droga.

+0

Przepraszam, że zapomniałem o uruchomieniu i zakończeniu funkcji, kiedy ją skopiowałem. Gwiazdy w mojej sieci działają, problem jest tylko wielkością. – roxeman3

+0

@ roxeman3, zobacz moją zaktualizowaną odpowiedź. –

+0

Już to zrobiłem, mam zdjęcia w 22px, ale dziękuję. I nie mogę stworzyć ich z #star, ponieważ używam więcej gwiazdek..dziękuję – roxeman3