nicht angemeldet
Problem mit JQuery Tooltip
Hallo Leute,
ich hab eine kleines Problem mit JQuery und dem Tooltip.
Erklärung:
Ich erstelle eine Demo.html und in dieser funktioniert das mit dem Tooltip auch ohne Probleme. Baue ich das ganze nacher aber in meine index.php wo das ganze eigendlich rein soll, dann functioniert das ganze leider nicht und ich bekomme immer die Fehlermeldung:
Fehler: $("img.preview").tooltip is not a function
Mein Beispeilcode sieht so aus:
<html>
<head>
<script src="lib/jquery.js" type="text/javascript"></script>
<script src="lib/jquery.dimensions.js" type="text/javascript"></script>
<script src="jquery.tooltip.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$('img.preview').tooltip({
delay: 0,
showURL: false,
bodyHandler: function() { <!-- <<-- Hier soll es zu dem Fehler kommen-->
return $("<img/>").attr("src", this.src);
}
});
});
</script>
<style type="text/css">
#tooltip {
position: absolute;
z-index: 3000;
border: 1px solid #111;
background-color: #eee;
padding: 5px;
opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }
</style></head>
<body>
<img id="tonus" class="preview" src="image.png" height="80" />
<img id="tonus" class="preview" src="karte.png" height="80" />
<img id="tonus" class="preview" src="image.png" height="80" />
<img id="tonus" class="preview" src="image.png" height="80" />
<img id="tonus" class="preview" src="karte.png" height="80" />
<img id="tonus" class="preview" src="image.png" height="80"/>
</body>
</html>
Ich hoffe das mir vll jemand sagen kann, was ich falsch mache.
Danke schon mal an alle.
Mfg Dog
-
Hi,
Ich erstelle eine Demo.html und in dieser funktioniert das mit dem Tooltip auch ohne Probleme. Baue ich das ganze nacher aber in meine index.php wo das ganze eigendlich rein soll, dann functioniert das ganze leider nicht und ich bekomme immer die Fehlermeldung:
Fehler: $("img.preview").tooltip is not a functionMein Beispeilcode sieht so aus:
<html>
<head>
<script src="lib/jquery.js" type="text/javascript"></script>
<script src="lib/jquery.dimensions.js" type="text/javascript"></script>
<script src="jquery.tooltip.js" type="text/javascript"></script>Dass der Pfad zur jquery.tooltip.js ein anderer ist, als zu den restlichen jquery-Scripten, ist Absicht? > ~~~html <body> > <img id="tonus" class="preview" src="image.png" height="80" /> > <img id="tonus" class="preview" src="karte.png" height="80" />Lerne bitte langsam mal HTML-Grundlagen, und validiere deinen Code, bevor du hier fragst!
Dass eine ID dokumentweit eindeutig sein muss, solltest du eigentlich wissen.MfG ChrisB
--
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?-
Dass der Pfad zur jquery.tooltip.js ein anderer ist, als zu den restlichen jquery-Scripten, ist Absicht?
Ja das ist Absicht. Kann es aber zur Not auch ändern.
Lerne bitte langsam mal HTML-Grundlagen, und validiere deinen Code, bevor du hier fragst!
Dass eine ID dokumentweit eindeutig sein muss, solltest du eigentlich wissen.Sorry hatte die falsche index kopiert, ids sind natürlich nicht alle gleich.
-