web-dev-qa-db-fra.com

fonction jquery document ready non appelée

Pour une raison quelconque, je ne peux pas obtenir le document jQuery prêt à être lancé pour mon plugin

mon javascript

jquery(document).ready(function($) {
    alert("hello world");
    $("#testdiv").text("hi");
});

la source de mon site web

<link rel='stylesheet' id='admin-bar-css'  href='http://example.com/wp-includes/css/admin-bar.css?ver=20111209' type='text/css' media='all' />
<script type='text/javascript' src='http://example.com/wp-includes/js/jquery/jquery.js?ver=1.7.1'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var fantasy_golf = {"ajaxurl":"http:\/\/example.com\/wp-admin\/admin-ajax.php"};
/* ]]> */
</script>
<script type='text/javascript' src='http://example.com/wp-content/plugins/fantasy-golf/js/fantasy-golf.js?ver=1.2'></script>
<script type='text/javascript' src='http://example.com/wp-includes/js/comment-reply.js?ver=20090102'></script>

quand je suis la source de mon fantasy-golf.js (dans la source de firefox), il a la version correcte de mon js. (cela ne devrait pas être dû à la mise en cache d'une version plus ancienne)

plugin-developmentjquery
1
Joe_Schmoe

Essayez d’utiliser jQuery au lieu de jquery. (Notez la majuscule "Q".)

Modifier:

En visionnant votre source, vous avez un }); supplémentaire.

Exemple de travail

3
Joseph Leedy

Vous pouvez essayer de l'écrire un peu différemment. Au lieu de

jquery(document).ready(function($) {
    alert("hello world");
    $("#testdiv").text("hi");
});

Essaye ça:

(function($) {
    $(document).ready(function(){
        alert('hello world');
        $('#testdiv').text('hi');
    });
})(jQuery);
0
SickHippie