L'objet n'a pas de méthode datepicker

J'obtiens le message d'erreur Uncaught TypeError: Object [object Object] has no method 'datepicker' dans mon javascript ici:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
<script type='text/javascript'>
$(function() {
    $("#birthday").datepicker({changeMonth: true});
});
</script>

Ici est l'anniversaire de l'élément que j'essaie de l'ajouter à:

<!--//BIRTHDAY //-->
<li class="field">
    <label for="birthday">Birthday</label>
    <div class="field"><input type="text" id="birthday" name="birthday" value="" class="" /></div>
</li>

Comme vous pouvez le voir, je suis, y compris la source de jquery ui juste au-dessus de là où je suis en train d'utiliser le datepicker. J'ai eu l'URL à partir de http://jqueryui.com/docs/Downloading_jQuery_UI donc je suis assez sûr que c'est une URL valide. J'ai aussi essayé en téléchargeant le fichier et en le liant à la copie locale et j'ai toujours le même message d'erreur. Quoi d'autre puis-je essayer?

EDIT:

Je dois la bibliothèque jquery chargée à l'aide de ceci: <script type="text/javascript" src="/includes/js/jquery-1.7.2.min.js"></script> et vérifié avec ce morceau de script:

if (jQuery) {
    alert("jQuery library is loaded!");
}
Essayez de regarder dans votre navigateur inspecteur (Chrome Dev Tools, Firebug, etc) - existe-il des erreurs 404?
tout comme un test, essayez: $.noConflict() dans votre document prêt à voir si sa contradictoires jqueries
Il fonctionne pour moi: jsfiddle.net/nyhCF
Inclure <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
noConflict a donné l'erreur $ n'est pas une fonction. Cela signifie qu'il n'est pas un conflit, droit @PhillipSchmidt?

OriginalL'auteur jaimerump | 2012-08-01

  1. 23

    De notre discussion, nous avons constaté que la variable $ (un alias pour jQuery) ne se comporte pas normalement. Généralement, c'est parce qu'un autre JS du plugin a changé $ pour représenter quelque chose d'autre. Pour contourner ce problème, vous pouvez envelopper votre jQuery code comme ceci:

    jQuery(function($){
    //all jQuery code which uses $ needs to be inside here
});

    Cela va changer le sens de l' $ dans le champ d'application de la fonction.

    Bon appel, l'homme!

    OriginalL'auteur Phillip Schmidt

  2. 3

    Vous avez peut-être eu un conflit jQuery. Essayez-le en mode noConflict comme suit:

    <script type="text/javascript">
    (function($) {
        $(document).ready(function(){
            $("#datepicker").datepicker();
        });
    })(jQuery);
</script>
    Il est préférable de joindre à votre réponse dans un autre post sous "commentaires" si la réponse est exactement identique.

    OriginalL'auteur Saeid Zebardast

  3. 1

    $ fonctionnera comme 

    $(function($) {
    $( "#dateTasted" ).datepicker({
      changeMonth: true,
      changeYear: true,
      dateFormat: "yy-mm-dd"    
    });
});

    OriginalL'auteur Muhammad Hasan

  4. 0
    <script type="text/javascript">
 (function($){
         var pickerOpts = {
           //minDate: new Date(),
            //maxDate: "+3m,",
            showButtonPanel: true,
            showOn: "button",
            buttonImage: "images/cal.png",
            };
    $("#birthday").datepicker(pickerOpts);
      })(jQuery);
</script>

    lien de la source de la solution

    OriginalL'auteur kovarov