2010-08-06 5 views
1

J'ai téléchargé la Really Simple Color Picker dans jQuery de cette siteJQuery Couleur simple Picker Cliquez Non Firing

J'ai suivi les instructions, une œuvre du colorpicker comme ceci:

Le code HTML

<input id="DashboardTreeHeaderFontColour" type="text" value="#333399"/> 

Le Javascript

$(document).ready(function() { $("#DashboardTreeHeaderFontColour").colorPicker() }); 

La petite boîte de couleur est créée, mais en cliquant dessus ne fait rien (il est suppoed pour montrer les autres options de couleur pour vous de choisir)

J'utilise la dernière Jquery.

Merci pour toute aide.

Cordialement, Byron Cobb

+0

Voulez-vous dire le sélecteur de couleurs ne pas afficher/ouvrir? Assurez-vous également que vous avez un élément avec l'ID 'DashboardTreeHeaderFontColour' – Sarfraz

+0

Pourriez-vous poster un petit exemple, _complete_ qui ne fonctionne pas? –

+0

Merci, mais j'ai trouvé la solution et je l'ai commentée sur la réponse d'Andy ci-dessous. – Bob

Répondre

2

Je mis en place an example en utilisant votre code exact, importer les fichiers de script et CSS du demo page. Cela fonctionne très bien dans IE, Firefox et Chrome. Je vérifie ce qui suit:

  • L'échantillon qui apparaît doit être correctement stylé, assurez-vous que vous avez déclaré des règles CSS pour cela. Il suffit de copier les règles de la page de démonstration pour commencer, puis vous pouvez les modifier pour les styliser comme vous le souhaitez.
  • Assurez-vous de ne pas avoir de règles CSS conflictuelles. L'identifiant de l'échantillon de couleur qui apparaît est color_selector.
  • Vérifiez que vous utilisez la dernière version du fichier (publiée en octobre 2009).
  • Regardez dans votre débogueur web (Firebug, outils de développement IE, outils de développement Chrome, etc) et essayez de trouver l'élément.
  • Vérifiez votre console de script dans le débogueur Web et vérifiez si vous avez des erreurs lorsque vous cliquez sur l'entrée.
+0

Donc, en parcourant tout mon code j'ai enfin trouvé le problème. J'utilise la mise en page Jquery et lorsqu'elle est appliquée, la fenêtre contextuelle ne s'affiche pas. J'ai mis mon z-index dans le css et cela a finalement fait l'affaire. Votre réponse m'a mis sur la bonne voie, merci. – Bob

+0

@Byron: pas de problème, content de l'avoir trié :-) –