ClueTip läuft unter Wordpress nicht

Hallo zusammen,

bin noch ein ziemlicher Neuling was Wordpress & Co. betrifft. Ich möchte das JQuery-Plugin "Cluetip" auf meiner Seite integrieren, aber irgendwie klappt dies nicht wirklich.

Ich rufe auf einer mittels Wordpress-Administration angelegten Seite folgendes auf:

Zitat

[FONT=Courier New] <a class="tips" href="fragment.html" rel="fragment.html">show me the cluetip!</a>[/FONT]

In der header.php meines derzeitigen Wordpress-Themes steht:

Zitat

[FONT=Courier New]<script src="jquery.js" type="text/javascript"></scrip[/FONT][FONT=Courier New]t>
<script src="jquery.dimensions.js" type="text/javascript"></script>
<script src="jquery.hoverIntent.js" type="text/javascript"></script>
<script src="jquery.cluetip.js" type="text/javascript"></script>
<link rel="stylesheet" href="jquery.cluetip.css" type="text/css" />[/FONT]

Die Pfadangaben sind korrekt eingestellt, die erforderliche html-Datei "fragment" ist auch vorhanden. Der Funktionsaufruf

Zitat

[FONT=Courier New]<script type="text/javascript">
$(document).ready(function() {
$('a.tips').cluetip();
});[/FONT]

müsste doch eigentlich auch nur in die Seite geschrieben werden, in der der html-Aufruf plaziert ist, oder??

Irgendwie will das alles nicht...:(. Vielen Dank schonmal im Voraus.

Gruß

Hallo marX,

danke erstmal für deine Hilfe. Habe den JS-Schnipsel auch mal in den Footer gepackt, allerdings hat dies nichts positives bewirkt. Den Quelltext habe ich auch geprüft und da ist alles an seinem Platz, bis auf EINE Ausnahme:

Der von mir per WP-Admininstration (Manage->Pages->Edit) unter "Code" eingegebene Aufruf:

Zitat

[FONT=Courier New] <script type="text/javascript">
$(document).ready(function() {
$('a.tips').cluetip();
});
</script>[/FONT]

erscheint im generierten Quelltext wie folgt (man beachte die Schrägstriche):

Zitat

[FONT=Courier New] <script type="text/javascript">
$(document).ready(function() {
$(\'a.tips\').cluetip();
});
</script>[/FONT]

Okay, ich weis woran es liegt. Habe auf meiner Page Lightbox2 laufen. Ist dieses aktiviert, so funktioniert ClueTip nicht. Sobald ich Lightbox2 deaktiviere funktioniert ClueTip.

*edit*

Habe es jetzt mit Thickbox versucht, aber dasselbe Problem auch hier. Beides zusammen will nicht. Weis jemand woran dies liegen könnte? Es muss doch etwas mit der Einbindung der JQuery-Dateien zu tun haben oder?

*edit2*

So sieht der JS-Teil meines Headers aus, falls es hilft (mit Slimbox versucht):

[FONT=Courier New]
<script src="[URL]http://www.meineseite.de/cluetip/jquery.js[/URL]" type="text/javascript"></script>
<script src="[URL]http://www.meineseite.de/cluetip/jquery.dimensions.js[/URL]" type="text/javascript"></script>
<script src="[URL]http://www.meineseite.de/cluetip/jquery.hoverIntent.js[/URL]" type="text/javascript"></script>
<script src="[URL]http://www.meineseite.de/cluetip/jquery.cluetip.js[/URL]" type="text/javascript"></script>
<script src="[URL]http://www.meineseite.de/wp-content/plugins/slimbox/mootools.v1.11.js[/URL]"></script>
<script src="[URL]http://www.meineseite.de/wp-content/plugins/slimbox/slimbox.js[/URL]"></script>


<script type="text/javascript">
$(document).ready(function() {
$('a.tips').cluetip();
});
</script>[/FONT]

Werde ich mal machen. Ist es möglich in die Mootools-Tipps auch Bilder einzubinden?

Also Mootips in Verbindung mit Slimbox funktioniert hier auch nicht :(.

Header:

<script type="text/javascript" src="[URL]http://www....de/wp-content/plugins/slimbox/mootools.v1.11.js[/URL]"></script>
<script type="text/javascript" src="[URL]http://www....de/wp-content/plugins/slimbox/slimbox.js[/URL]"></script>


<script type="text/javascript"> var Tips3 = new Tips($$('.Tips3'), { showDelay: 400, hideDelay: 400, fixed: true });</script>
<link rel="stylesheet" href="[URL="http://www.unrated.de/wp-content/plugins/mootips/moo.css"]http://www....de/wp-content/plugins/mootips/moo.css[/URL]" type="text/css" />

Page:

<a href="[URL]http://www.....de[/URL]" onclick="return false;" class="Tips3" title="Test Mootips">Mootips</a>

Moo.css hab ich selber angelegt, mit folgendem Inhalt:

.tool-tip {
    color: #fff;
    width: 139px;
    z-index: 13000;
}
 
.tool-title {
    font-weight: bold;
    font-size: 11px;
    margin: 0;
    color: #9FD4FF;
    padding: 8px 8px 4px;
    background: url([URL="http://www.unrated.de/DSCF04261.JPG"]Bubble.JPG[/URL]) top left;
}
 
.tool-text {
    font-size: 11px;
    padding: 4px 8px 8px;
    background: url([URL="http://www.unrated.de/DSCF04261.JPG"]Bubble.JPG[/URL]) bottom right;
}
 
.custom-tip {
    color: #000;
    width: 130px;
    z-index: 13000;
}
 
.custom-title {
    font-weight: bold;
    font-size: 11px;
    margin: 0;
    color: #3E4F14;
    padding: 8px 8px 4px;
    background: #C3DF7D;
    border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
    font-size: 11px;
    padding: 4px 8px 8px;
    background: #CFDFA7;
}

Hab es zusätzlich mit dem Footer versucht, was aber nichts gebracht hat.