Problème jQuery Galleriffic avec jQuery inline

Semblent avoir quelques problèmes avec l'exécution de code jQuery dans la classe "caption".Problème jQuery Galleriffic avec jQuery inline

Ma classe ".showmore" se trouve dans la section de légende, cependant lorsque j'exécute une fonction de survol, il ne semble pas exécuter cette fonction jQuery.

Y a-t-il quelque chose dans la jQuery de Galleriffic qui m'empêche d'exécuter ceci?

<html> 
    <head> 
     <link rel="stylesheet" href="<?php echo $siteurl; ?>css/galleriffic-2.css" type="text/css" /> 
     <script type="text/javascript" src="<?php echo $siteurl; ?>js/jquery.galleriffic.js"></script> 
     <script type="text/javascript" src="<?php echo $siteurl; ?>js/jquery.opacityrollover.js"></script> 
    </head> 

    <script type="text/javascript"> 
     $('.showmore').hover(function(){ 
      $(this).fadeTo('fast', 1); 
     }); 
    </script> 

    <div class="caption">  
     <div class="showmore">+</div> 
    </div>

Source

2010-09-14 ApPeL

Essayez de déplacer votre <script> en bas de la page. Actuellement, $('.showmore').hover(...) est exécuté avant que le div .showmore soit écrit sur la page.

Sinon, vous pouvez essayer quelque chose comme ceci:

$(function() { 
    $('.showmore').hover(function(){ 
     $(this).fadeTo('fast', 1); 
    }); 
});

Cela garantit que vous êtes code est exécuté après le DOM chargement terminé. Voir .ready() pour plus d'informations.

Essayez également de passer deux fonctions dans l'événement hover. Cela ne devrait vraiment pas importer (voir source code), mais généralement, hover prend deux fonctions en paramètre - la première est exécutée lorsque la souris entre dans l'élément et la seconde est exécutée lorsque la souris quitte l'élément. Voici un exemple:

$('.showmore').hover(function() { $(this).fadeIn('fast'); }, 
        function() { $(this).findOut('fast'); });

Lorsqu'une seule fonction est transmis, cette fonction est exécutée à la fois lorsque la souris entre et sort de l'élément.

De même, assurez-vous que vous incluez jquery à la page. Dans l'exemple que vous avez posté, il semble que vous incluiez les plugins galleriffic et opacityrollover mais pas le core jquery.

Source

2010-09-14 15:39:34 Xavi

Je l'ai essayé, mais sans succès. – ApPeL

Des erreurs ont-elles été signalées? – Xavi

Problème jQuery Galleriffic avec jQuery inline

Répondre

Questions connexes