weixin_39923806
weixin_39923806
2020-11-25 21:39

Uncaught ReferenceError: $ is not defined localhost (anonymous function)

so i use wordpress and i have this error : Uncaught ReferenceError: $ is not defined localhost (anonymous function)

in my header.php i put

$(function(){ $('#demo1').sharrre({ share: { googlePlus: true, facebook: true, twitter: true, delicious: true }, buttons: { googlePlus: {size: 'tall'}, facebook: {layout: 'box_count'}, twitter: {count: 'vertical'}, delicious: {size: 'tall'} }, hover: function(api, options){ $(api.element).find('.buttons').show(); }, hide: function(api, options){ $(api.element).find('.buttons').hide(); } }); $('#demo2').sharrre({ share: { googlePlus: true, facebook: true, twitter: true }, url: 'http://sharrre.com', enableHover: false }); }); in my css i put :

demo1.sharrre {

width: 100%; display: inline-block; }

demo2.sharrre {

width: 50px; }

.sharrre .box { float: left; }

.sharrre .count { color: #444444; display: block; font-size: 17px; line-height: 34px; height: 34px; padding: 4px 0; position: relative; text-align: center; text-decoration: none; width: 50px; background-color: #eee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.sharrre .share { color: #FFFFFF; display: block; font-size: 11px; height: 16px; line-height: 16px; margin-top: 3px; padding: 0; text-align: center; text-decoration: none; width: 50px; background-color: #9CCE39; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.sharrre .buttons { display: none; float: left; width: 300px; }

.sharrre .button { float: left; max-width: 50px; height: 50px; margin-left: 10px; }

in my post :

the demo use on the file download

can you help me

该提问来源于开源项目:Julienh/Sharrre

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

22条回答

  • weixin_39923806 weixin_39923806 4月前

    oui mais dans mon header c'est comme ça

    $(function(){ $('#demo1').sharrre({ share: { googlePlus: true, facebook: true, twitter: true, delicious: true }, buttons: { googlePlus: {size: 'tall'}, facebook: {layout: 'box_count'}, twitter: {count: 'vertical'}, delicious: {size: 'tall'} }, hover: function(api, options){ $(api.element).find('.buttons').show(); }, hide: function(api, options){ $(api.element).find('.buttons').hide(); } }); $('#demo2').sharrre({ share: { googlePlus: true, facebook: true, twitter: true }, url: 'http://sharrre.com', enableHover: false }); });

    Donc la commande qui appelle le jquery est bien avant...

    点赞 评论 复制链接分享
  • weixin_39923806 weixin_39923806 4月前

    bref...j'ai passé la journée dessus et je suis pas plus avancé !

    Tu devrais en faire un plugin pour wordpress et le vendre sur codecanyon tu aurais du succés ! Je serais le premier acheteur !

    mais là j'abandonne

    Merci quand meme de ton aide et bravo pour le plugin

    点赞 评论 复制链接分享
  • weixin_39923806 weixin_39923806 4月前

    http://www.formation-web.org/optimisation-medias-sociaux/ http://www.formation-web.org/partage-sociaux-dans-un-seul-bouton/

    Ici il a fait un tuto pour wordpress avec le plugin mais ça marche pas non plus...

    点赞 评论 复制链接分享
  • weixin_39637049 weixin_39637049 4月前

    Dans le code source de la page que tu m'as donné en exemple, ce code est toujours au mauvais endroit : $(function(){ $('#demo1').sharrre({ share: { googlePlus: true, facebook: true, twitter: true, delicious: true }, buttons: { googlePlus: {size: 'tall'}, facebook: {layout: 'box_count'}, twitter: {count: 'vertical'}, delicious: {size: 'tall'} }, hover: function(api, options){ $(api.element).find('.buttons').show(); }, hide: function(api, options){ $(api.element).find('.buttons').hide(); } }); $('#demo2').sharrre({ share: { googlePlus: true, facebook: true, twitter: true }, url: 'http://sharrre.com', enableHover: false }); });

    Il se retrouve même devant la balise title

    Dsl si tu as perdu du temps dessus :S

    点赞 评论 复制链接分享
  • weixin_39923806 weixin_39923806 4月前

    je test sur un brouillon qui n'est pas publié

    J'ai posté un commentaire sur le site cité plus haut. Si j'arrive à avoir plus d'info je te tiens informé. Mais comme je l'ai dit un plugin wordpress publié sur codecanyon pourra être une bonne affaire !

    bonne soiree

    点赞 评论 复制链接分享
  • weixin_39637049 weixin_39637049 4月前

    Have you checked the path of sharrre.js and jQuery files?

    点赞 评论 复制链接分享
  • weixin_39923806 weixin_39923806 4月前

    yes the path is ok...

    i spend all my day on it...

    点赞 评论 复制链接分享
  • weixin_39637049 weixin_39637049 4月前

    do you have a live demo?

    点赞 评论 复制链接分享
  • weixin_39923806 weixin_39923806 4月前

    tu parles français ?

    点赞 评论 复制链接分享
  • weixin_39637049 weixin_39637049 4月前

    Zut ça se voit tant que ça :D

    点赞 评论 复制链接分享
  • weixin_39923806 weixin_39923806 4月前

    lol

    non c'est que je suis français et ça sera plus simple en français !

    点赞 评论 复制链接分享
  • weixin_39923806 weixin_39923806 4月前

    je peux t'envoyer le lien en privé ?

    点赞 评论 复制链接分享
  • weixin_39637049 weixin_39637049 4月前

    tu peux oui

    点赞 评论 复制链接分享
  • weixin_39923806 weixin_39923806 4月前

    je reponds directement dans ce mail ?

    2013/5/5 Julien Hany notifications.com

    tu peux oui

    — Reply to this email directly or view it on GitHubhttps://github.com/Julienh/Sharrre/issues/132#issuecomment-17453753 .

    Franck

    点赞 评论 复制链接分享
  • weixin_39637049 weixin_39637049 4月前

    le code de sharrre est lancé avant jQuery, voilà pourquoi il ne connais pas $ :)

    点赞 评论 复制链接分享
  • weixin_39637049 weixin_39637049 4月前

    quand je parle du code de sharrre, ce n'est pas le fichier JS, mais ton code d'exemple.

    点赞 评论 复制链接分享
  • weixin_39923806 weixin_39923806 4月前

    d'accord et comment je dois faire pour le mettre avant !

    点赞 评论 复制链接分享
  • weixin_39923806 weixin_39923806 4月前

    je dois appeller jquery avant ?

    点赞 评论 复制链接分享
  • weixin_39637049 weixin_39637049 4月前

    Je ne connais pas wordpress, mais je pense que si tu met le code d'exemple dans un fichier javascript et que tu l'ajoute comme ceci : wp_enqueue_script('sharrre', get_stylesheet_directory_uri() .'/js/jquery.sharrre-1.3.4.js');

    Ça devrait fonctionner.

    点赞 评论 复制链接分享
  • weixin_39923806 weixin_39923806 4月前

    c'est bizarre car ce code est dans mon header, il devrai donc apparaitre avant...

    点赞 评论 复制链接分享
  • weixin_39923806 weixin_39923806 4月前

    dans mon header j'ai inscrit ça :

    mais il semblerait que cela ne marche pas, car que ce soit là ou pas, j'ai le meme message. Normalement cette fonction devrait appeler le jquery. As tu une idée ?

    点赞 评论 复制链接分享
  • weixin_39637049 weixin_39637049 4月前

    ce n'est pas ce fichier le problème, c'est que ton code suivant est avant les fichiers de jquery et de sharrre : $(function(){ $('#demo1').sharrre({ share: { googlePlus: true, facebook: true, twitter: true, delicious: true }, buttons: { googlePlus: {size: 'tall'}, facebook: {layout: 'box_count'}, twitter: {count: 'vertical'}, delicious: {size: 'tall'} }, hover: function(api, options){ $(api.element).find('.buttons').show();
    }, hide: function(api, options){ $(api.element).find('.buttons').hide(); } });

    
    $('#demo2').sharrre({
      share: {
        googlePlus: true,
        facebook: true,
        twitter: true
      },
      url: 'http://sharrre.com',
      enableHover: false
    });
    

    });

    点赞 评论 复制链接分享