7
votes

Widget Note Star pour JQuery Ui

J'ai été introduit sur le widget d'évaluation étoile pour jQuery ui. J'utilisais à l'origine Celui-ci .

y a-t-il une différence entre l'utilisation de la Deux?

Essayez d'utiliser la jQuery Ui One, je ne peux pas obtenir les boutons d'entrée pour apparaître comme des étoiles. J'ai ces fichiers JS et CSS inclus: xxx

et pour mon code, simplement: xxx

Tous les fichiers et Les images sont dans le même dossier. Je n'ai jamais utilisé JQuery UI auparavant, alors je ne suis pas sûr que tout ce que j'ai besoin, c'est ce fichier. Je ne sais pas si cela en a besoin non plus, le plugin d'une autre étoile que j'utilisais n'a pas besoin. Quelqu'un sache ce qui me manque quoi que ce soit?

jquery user-interface rating jquery-plugins

0 commentaires

3 Réponses :

0
votes

Habituellement, jQuery UI CSS Les fichiers renvoient des images de dossier nommé images code> mettre le même répertoire que le fichier CSS. Donc, vous devez soit changer de chemin d'images référées dans UI.Stars.js.

  |
  --images
     |
     ---image files are here
  |
  --ui.stars.css

1 commentaires

Bizarre, j'ai créé le dossier d'images et mettre l'ui.stars.gif à l'intérieur mais toujours pas de chance.

0
votes

Lorsque vous utilisez Orkans 'star_ratant, vous devez le dire de convertir des radiobuttons aux étoiles explicitement, comme ceci (j'utilise jQuery.noconflic Mode):

jQuery(document).ready(function($){
  $("#stars-wrapper1").stars();
}

0 commentaires

0
votes

J'ai découvert que ce problème avec le versoIon que j'ai téléchargé est, cet objet O n'est pas initialisé OK dans la fonction _Init (les valeurs par défaut de la fin des ui.star.js ne sont pas chargées). Cet objet définit également les valeurs CSS (classes). Je n'ai pas encore trouvé la solution, mais une solution de contournement simple serait de remplir ces valeurs à l'initialisation des étoiles sur votre page:

  <script type="text/javascript">
    $("#stars-wrapper1").stars({
    cancelClass: "ui-stars-cancel",
    starClass: "ui-stars-star",
    starOnClass: "ui-stars-star-on",
    starHoverClass: "ui-stars-star-hover",
    starDisabledClass: "ui-stars-star-disabled",
    cancelHoverClass: "ui-stars-cancel-hover",
    cancelDisabledClass: "ui-stars-cancel-disabled"
    });
  </script>

0 commentaires