Thema: Links funktionieren nicht mehr nach Einbindung von jQuery

Hallo zusammen,

nach vielen Versuchen ist es mir endlich gelungen, ein Imagemap in die Webseite einzubauen, dessen Hotspots über Textlinks angesprochen werden.
Dies wurde durch ein jQuery-Script realisiert.

Hierzu bin ich folgendermaßen vorgegangen:

1. Download, Installation und Aktivierung des Plugins plg_jquery-1.2.zip
2. Hochladen der Dateien jquery-metadata.min.js und jquery-maphilight.js in den Template-Ordner
3. Folgenden Code in den Head-Bereich der index.php des Templates eingefügt:

Code:

<script type="text/javascript" src="<?php echo $templateUrl; ?>/jquery.metadata.min.js"></script>
<script type="text/javascript" src="<?php echo $templateUrl; ?>/jquery.maphilight.js"></script>
<script type="text/javascript">
  jQuery(document).ready(function(){
    jQuery('.map').maphilight();
    jQuery('a').click(function(e){
      e.preventDefault();
      gartenNr = jQuery(this).attr("rel");
      jQuery("area").trigger("mouseout"); //alle areas mouseout = hilihght weg
      jQuery("area#" + gartenNr).trigger("mouseover"); //das geklickte Gartenstück = hilight
    });
  });
</script>

Ziel: Durch Anklicken der Gartennummer in der Tabelle (Event Table Edit) soll der entsprechende Garten eingefärbt werden.
Das Ganze funktionierte erst, nachdem ich in der Javascript-Anweisung alle "$" durch "jQuery" ersetzte.

Dummerweise funktionieren jetzt alle anderen Links, also auch das Menü, auf der Seite nicht mehr bzw. färben alle Hotspots ein.

Weiß jemand einen Tipp für mich, wie ich das zum Laufen bringe?


Vielen Dank und beste Grüße
p@ulchen

Habe das Problem lösen können.
Eine eigene Klasse für die betroffenen Links war die Lösung.