Zu deinem Skript fallen mir AdHoc 2 Dinge ein:
1) solltest du versuchen die Selektoren etwas mehr einzuschränken, um mehr Performance zu gewinnen.
$("#ajaxloadlink2")
ist ein schlechter Selektor da die Javascript Engine bei der Ausführung jedes Element im DOM auf die ID ajaxloadlink2 testen muss. Wenn du z.B. weißt, das nur Link Element diese ID tragen können, wäre es sinnvoll dies auch so zu definieren:
$("a#ajaxloadlink2")
2) Die Lösung für dein Problem:
var files = new Array();
files["ajaxloadlink2"] = 'A';
files["ajaxloadlink3"] = 'B';
files["ajaxloadlink4"] = 'C';
files["ajaxloadlink5"] = 'D';
// Alle a Elemente die eine ID haben die mit "ajaxloadlink" beginnt
$('a[id^="ajaxloadlink"]').click( function( e ) {
e.preventDefault();
// Alle a Elemente die eine ID haben die mit "ajaxloadlink" beginnt, aber NICHT die ID des aktuellen Elements.
$('a[id^="ajaxloadlink"]').not('a[id="' + $(this).attr( 'id' ) + '"]').each( function() {
$(this).css( normal_state );
});
$(this).css( current_state );
$().ausblenden();
$(".plus_content_add").load( "führ_mich_zu_den_Dokumenten" + files[$(this).attr( 'id' )] + ".html" );
$(".plus_content_add").fadeIn( 400 );
});
|