Conflit de javascript sur un Wordpress
Hello,
Je viens vers vous car le forum de support WP francophone n'a pas de solution à me proposer.
Je suis en train de mettre un WP en place, il utilise le menu de base du CMS (appelé avec la fonction wp_nav_menu() pour ceux qui connaissent), ce menu possède également des sous-rubriques donc déroulement des <li> au survol de la souris...
Sur les pages de mes articles, j'ai intégré des boutons de partage sur les réseaux sociaux. Pour cela je n'ai pas utilisé de plugin, je suis allée chercher le code source des boutons sur les sites des réseaux.
Les pages internes possèdent aussi un Widget Twitter qui permet l'affichage de mes X derniers tweets, il s'appelle "Journal Crunch Twitter Widget" (journal crunch étant le nom de mon thème WP)
Le bouton Twitter (ou le widget je ne sais pas) me pose problème car sur les pages où les deux sont intégrés, le menu déroulant ne fonctionne plus. Les trois utilisent du javascript.
L'erreur que me retourne la console firebug est la suivante :
Citation:
TypeError: twttr.anywhere is not a function
twttr.anywhere(function(T)
Cette fonction n'est présente ni au niveau du menu, ni du bouton, mais au niveau du code du widget (sur la page jquery.jtweets-1.2.1.js).
Voici l'une des fonctions qui retourne l'erreur (sur les 2) :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
| if (isAnywherePresent())
{
// if @Anywhere is present, append Hovercards to @username and
// profile images
twttr.anywhere(function(T)
{
T(options._baseSelector + ' .jta-tweet-list').hovercards({expanded: options._tweetFeedConfig.expandHovercards});
T(options._baseSelector + ' .jta-tweet-profile-image img').hovercards(
{
expanded: options._tweetFeedConfig.expandHovercards,
username: function(node) { return node.alt; }
});
T(options._baseSelector + ' .jta-tweet-retweeter-link').hovercards(
{
expanded: options._tweetFeedConfig.expandHovercards,
username: function(node) { return node.text; }
});
T(options._baseSelector + ' .jta-tweet-user-screen-name-link').hovercards(
{
expanded: options._tweetFeedConfig.expandHovercards,
username: function(node) { return node.text; }
});
T(options._baseSelector + ' .jta-tweet-user-full-name-link').hovercards(
{
expanded: options._tweetFeedConfig.expandHovercards,
username: function(node) { return node.name; }
});
});
} |
Et le code du bouton Twitter :
Code:
1
2
| <a href="https://twitter.com/share" class="twitter-share-button" data-via="ameizgeek" data-lang="fr">Tweeter</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> |
J'ai testé la désactivation de certains éléments de ma page pour voir ce qui fonctionne/ce qui ne fonctionne pas.
Menu tout seul = tout fonctionne
Menu + bouton twitter = tout fonctionne
Menu + widget twitter = tout fonctionne
Menu + bouton twitter + widget twitter = le menu ne fonctionne plus
L'idéal serait bien sûr que les trois fonctionnent ensemble :D
Merci
