Seite 1 von 1
Tooltip auf Jquery Basis funktioniert nicht
Verfasst: 11.10.2010, 15:04
von bydlo
Moin moin allerseits,
ich versuche gerade ein tooltip auf meiner site einzubauen welches auf JQuery basiert aber bekomme es einfach nicht zum laufen.
Die Funktion ist registriert, die Datei (jquery.tools.min.js) ist vorhanden und auch der Pfad stimmt.
Auch der Shortcode stimmt.
Leider kenn ich mit JS viel zu wenig aus um hier ohne Hilfe klar zu kommen.
Die URL auf der man sehen kann was ich will ist
www.axellauer.de/shortcodes/
Die letzen drei Links am unteren Ende der Seite sollten Tooltips anzeigen, tun sie aber nicht.
Hätte hier jemand sachdienliche Hinweise?
Vielen Dank schonmal.
gruss axel
Verfasst: 11.10.2010, 16:34
von PHPSchmied
Naja jetzt die komplette HTML Seite zu Analysieren ist nicht drin. Kannst du wenigstens deine entsprechenden Quellcodeabschnitte hier reinposten?
<div class="tooltip_body">Tooltip Content</div>
<div class="tooltip_tip"></div>
Du hast kein ToolTip definiert. Schreib mal was rein.
Verfasst: 11.10.2010, 16:50
von bydlo
na klar:
Pfad zum JS:
https://www.axellauer.de/wp-content/the ... ols.min.js
Steht auch so im HTML
Die von dir zitierte zeile (<div class="tooltip_tip"></div> ) taucht so im HTML garnicht auf.
Alle stellen in den Tooltip-Inhalte stehen müssten sind ausgefüllt.
Zum Beispiel in diesen dreien
Code: Alles auswählen
<span class="tooltip_btn_sc" style="display:inline-block;"><a class="button_link" href="#"><span>Download</span></a></span><div class="tool_tip"><div style="position:relative;width:200px;"><div class="tooltip_body"><br />
<h3>Html Content</h3>
<h4>Html Content</h4>
<p> <br />
<h5>Html Content</h5>
<p></div><div class="tooltip_tip"></div></div></div><br />
<span class="tooltip_sc" style="display:inline-block;"><a class="download_link" href="#">Download</a></span><div class="tool_tip"><div style="position:relative;width:132px;"><div class="tooltip_body">Tooltip Content</div><div class="tooltip_tip"></div></div></div><br />
<span class="tooltip_sc" style="display:inline-block;"><a class="fancy_link" href="#">Download</a></span><div class="tool_tip"><div style="position:relative;width:132px;"><div class="tooltip_body">Tooltip Content</div><div class="tooltip_tip"></div></div></div>
Aufgerufen wird das im WYSIWYG mit diesen Shortcodes:
Code: Alles auswählen
[tooltip width="200" trigger='<a class="button_link" href="#"><span>Download</span></a>']<h3>Html Content</h3> <h4>Html Content</h4> <br /> <h5>Html Content</h5>[/tooltip]
[tooltip trigger='<a class="download_link" href="#">Download</a>']Tooltip Content[/tooltip]
[tooltip trigger='<a class="fancy_link" href="#">Download</a>']Tooltip Content[/tooltip]
Gruss axel
