wie die Umsetzung hoverintent-plugin

Ich bin neu in jQuery und möchte hinzufügen das hoverintent-plugin auf meiner Seite als mein Navigations-Menü. Ich angerufen wurde Brian Cherne Website und finden Sie den code zum download, aber ich bin mir nicht ganz sicher, wie es alle zusammen machen, damit es funktioniert. Kann jemand post ein Beispiel wie der html-code Aussehen soll, mit den entsprechenden hoverintent-plugin-code Hinzugefügt? Oder verweisen mich auf eine Referenz? Ich wäre sehr dankbar! Danke!

InformationsquelleAutor Ashley | 2013-03-06
  1. 12

    hoverIntent plugin folgt exakt das gleiche api-Signatur von jQuery hover Methode.
    Sie können erhalten Beispiele für eine Nutzung bei http://cherne.net/brian/resources/jquery.hoverIntent.html, schauen Sie sich nur den source code.

    Ersten gehören jQuery in den head-Bereich:

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

    danach download und gehören hoverIntent-plugin:

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

    dann können Sie hoverIntent() Methode, auf ein beliebiges jQuery-element wie das

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

    element ist ein jQuery selector wie '#id' oder '.class' oder 'div > .something', whatToDoWhenHover und whatToDoWhenOut sind Funktionen, die ausgeführt wird, wenn der Benutzer beginnt, wenn Sie den element-und wenn er aufhört. Wie in alten guten jQuery hover.

    Beispiel

    • Tut mir Leid aber ich don ' T haben ein grundlegendes Verständnis von jQuery, aber ich bin verloren, wenn es darum geht, herauszufinden, den code. Ich bekomme, dass ich angeblich den code zu benutzen ich bin mir nur nicht sicher, wohin damit.
    • Dank der Beispiel. Ich denke, ich bin nur noch nicht sicher, wie dies zu tun. :-/
    • Siehe meine edits...
    • Vielen Dank für die Rechtschreibung es aus für mich. Ich weiß es zu schätzen. Wo setze ich dieses Stück code? $(element).hoverIntent(whatToDoWhenHover, whatToDoWhenOut);
    • Ich weiß noch nicht, haben es noch nicht, aber ich bin weiter an, als ich am start war, also danke dafür. Wenn ich will ein Menü erstellen, über das erstellen einer Liste muss ich einfügen <ul li a> als das element? Ich nehme an, die whatToDoWhenHover und whatToDoWhenOut sind ausführlich erklärt im Cherne code?
    • Setzen Sie den code in ein <script> - tag die js-Importe
    • So wird es in den <head> - tag??
    • Ja, auch wenn es nicht als best practice gilt, wird es funktionieren. Wenn Sie im Zweifel sind, betrachten Sie die Quelle der hoverIntent-Seite oder in meinem Beispiel auf jsFiddle, ist so einfach wie das drücken von STRG+U im Firefox. Das Lesen von Webseiten Quelle von anderen geschrieben, ist imho der beste Weg zu lernen, wie man die Sache in html+js
    • Vielen Dank für die Hilfe. Es ist ein Anfang für Sie sicher. Ich bin immer noch nicht ganz bekommen, aber ich denke es wird nur noch mehr Versuch-und-Irrtum meinerseits. Danke!
    • Sie sind herzlich willkommen. Fühlen Sie sich frei, um die Antwort akzeptieren, wenn ich geholfen 😉

    InformationsquelleAutor gpasci
Schreibe einen Kommentar