versuchen, zu verwenden die jquery tooltip-plugin-Objekt hat keine Methode "tooltip"

Ich bin mit diesem tooltip: http://flowplayer.org/tools/demos/tooltip/index.html

Habe ich folgende Zeilen in meine html-Datei:

<script src="/javascripts/home.js" type="text/javascript"></script>
<script src="http://cdn.jquerytools.org/1.2.6/jquery.tools.min.js" type="text/javascript"></script>
<script type="text/javascript" src="/scripts/jquery.min.js"></script>

<div id="boo">
<img src="image1.jpg" title="this thing is a tool"/>
<img src="image2.jpg" title="this thing is also tool"/>
</div>

Habe ich folgende Zeile in meiner home.js Datei:

$("#boo img[title]").tooltip();

Habe ich folgende Zeile in meiner css-Datei:

.tooltip {
    display:none;
    background:transparent url(/tools/img/tooltip/black_arrow.png);
    font-size:12px;
    height:70px;
    width:160px;
    padding:25px;
    color:#fff; 
}

Bekomme ich diesen Fehler:

Uncaught TypeError: Object [object Object] has no method 'tooltip'

Ich bin mit meinem Latein am Ende. Ich habe das Gefühl folgten dem Beispiel auf der Website genau das, aber keine Ahnung, was Los ist.

InformationsquelleAutor Ringo Blancke | 2011-09-30

  1. 11

    Sollten Sie ändern Sie die Reihenfolge der js Dateien:

    <script type="text/javascript" src="/scripts/jquery.min.js"></script>
<script src="http://cdn.jquerytools.org/1.2.6/jquery.tools.min.js" type="text/javascript"></script>
<script src="/javascripts/home.js" type="text/javascript"></script>

    Etwas mehr Erklärung, für alle anderen mit diesem problem:

    Skripte werden in der Reihenfolge geladen, diese aufgerufen, so dass Sie wollen, zu laden, jQuery erste, dann alle plugins, die dann Ihren benutzerdefinierten code.

    genial vielen Dank!

    InformationsquelleAutor Gregg B

  2. 3

    Habe dieses problem auch, und es war, weil eine alte version von jquery verloren in den Ordner Datenquellen, wurde jquery v1.6.2.
    Wenn es kann jemand helfen... Habe einen schönen Tag!

    Ich zog, dass ein und nahm jquery-cdn, ziehen und löschen cdn ./jquery.min.js -- kein Glück.
    Ich löste dies so, vielleicht nicht das eigentliche problem :p

    InformationsquelleAutor

  3. 1

    Wrap $("#boo img[title]").tooltip(); im $(function(){ }); so dass Sie am Ende mit:

    $(function(){
    $("#boo img[title]").tooltip();
});

    Warum:

    Den $(function()... ist ein short cut zum ausführen von code auf dem domReady event. So an diesem Punkt alle jquery-Dateien, und die Seite, die geladen wird, weit genug für Ihre javascript funktionieren.

    Ich hatte jQuery(function($){... und wechselte zu $(function(){..., aber noch kein Glück.

    InformationsquelleAutor ctcherry

Schreibe einen Kommentar