Uncaught TypeError: Objet # n'a pas de méthode 'dispatchEvent'

StackOverflow https://stackoverflow.com/questions/6331407

Question

Je suis en train de combiner Drupal avec Picasa intégrateur web .

Je ces 3 lignes dans la section de mon page.tpl.php: 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="/fotos/js/jquery.slimbox2/jquery.slimbox2.js" language="JavaScript"></script>
<script type="text/javascript" src="/fotos/js/jquery.pwi.js" language="JavaScript"></script>

J'ai aussi ajouté ce script à ma section de tête, pour tester un album (le nom d'utilisateur et ALBUMNAME ne sont pas importants, je l'ai testé hors ligne avec mon nom d'utilisateur et de l'album et ont fonctionné très bien): 

<script type="text/javascript">

$(document).ready(function() {

    $("#container").pwi({
        username: 'My',
        maxresults: 5,
        mode: 'album',
        album: 'MyAlbum'
    });

});
</script>

Google Chrome me donne cette erreur quand je l'essayer sur mon Drupal page: 

prototype.js:5733Uncaught TypeError: Object#<Object> has no method 'dispatchEvent'
Était-ce utile?

La solution

Drupal est également livré avec jQuery, et vous ne pouvez pas tout simplement ajouter la version ultérieure dans les balises <script>. Vous pouvez essayer d'utiliser mise à jour jquery de Drupal pour obtenir une version plus récente, ou essayez noConflict (je suppose que vous en aurez besoin de toute façon si vous voulez utiliser Prototype).

Autres conseils

Il semble que vous chargez également prototype.js sur la page (utilisée par lightbox.js, peut-être ?, et que peut-être le $ utilisé à la fois par jQuery et Prototype sont contradictoires Si vous avez vraiment besoin d'utiliser les deux Prototype et jQuery, look en utilisant le mode noConflict jQuery. http://api.jquery.com/jQuery.noConflict/ .

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top