comment mettre en œuvre hoverintent plugin

Je suis nouveau sur jQuery et souhaitez ajouter le hoverintent plugin pour mon site de mon menu de navigation. J'ai été désigné, Brian Cherne du site et voir le code à télécharger, mais je ne suis pas tout à fait sûr de la façon de mettre tout cela ensemble pour le faire fonctionner. Quelqu'un peut-il poster un échantillon de ce que le code html devrait ressembler avec le hoverintent plugin code ajouté dans? Ou me référer à une référence? Je serais très reconnaissant! Merci!

OriginalL'auteur Ashley | 2013-03-06

  1. 12

    hoverIntent plugin suit exactement la même signature api de jQuery hover méthode.
    Vous pouvez obtenir des exemples d'utilisation à http://cherne.net/brian/resources/jquery.hoverIntent.html, il suffit de regarder le code source.

    Première inclure jQuery dans la tête:

    <script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>

    après que le téléchargement et comprennent hoverIntent plugin:

    <script type="text/javascript" src="path/to/jquery.hoverIntent.js"></script>

    ensuite, vous pouvez utiliser hoverIntent() méthode à n'importe quel élément jQuery comme ce

    $(element).hoverIntent(whatToDoWhenHover, whatToDoWhenOut);

    element est un sélecteur jQuery comme '#id' ou '.class' ou 'div > .something', whatToDoWhenHover et whatToDoWhenOut sont des fonctions qui seront exécutées lorsque l'utilisateur commence à planer l'élément et quand il s'arrête. Tout comme au bon vieux bon jQuery hover.

    Exemple

    Je suis désolé, mais je n'ai pas une compréhension de base de jQuery encore donc je suis perdu quand il s'agit de déterminer le code fourni. - Je que je suis censé utiliser le code je ne sais pas où le mettre.
    Merci de l'exemple. Je suppose que je ne suis toujours pas sûr de la façon de le faire. :-/
    Voir mes modifications...
    Merci pour l'orthographe pour moi. Je l'apprécie. Où dois-je placer ce morceau de code? $(element).hoverIntent(whatToDoWhenHover, whatToDoWhenOut);
    Oui, même si il n'est pas considéré comme une bonne pratique, il fonctionne. Si vous êtes dans le doute, regardez la source de hoverIntent page ou à mon exemple sur jsFiddle, est aussi facile que d'appuyer sur CTRL+U sous Firefox. La lecture de pages web source écrits par d'autres, est à mon humble avis le meilleur moyen pour apprendre à faire les chose en html+js

    OriginalL'auteur gpasci