Ich arbeite derzeit an meiner ersten AJAX-Seite, und hab ein sehr nerviges Problem:
Einige der Seiten, die per Ajax in ein div geladen werden, enthalten Effekte, die JavaScript benötigen. Da ich jquery verwende lässt sich der meiste JS-Code gut im voraus laden (beim ersten laden der Hauptdatei), und nur die nötigen "Aktivierungsaufrufe" werden mit der Seite geladen.
Zum Beispiel funktioniert das bei einem Slider-Effekt so:
Hauptseite:
<script src="/revisited/javascript/ui.core.js" type="text/javascript"></script>
<script src="/revisited/javascript/ui.slider.js" type="text/javascript"></script>
<script src="/revisited/javascript/slider_test.js" type="text/javascript"></script>
Weiter unten in der Seite:
$.ajax({
url: loc,
type: 'GET',
success: function( neueDaten ) {
$('#ajaxcontent').html( neueDaten );
},
complete: function(){
$('#ajaxcontent').fadeIn(300);
$("#content-slider").slider({
animate: true,
handle: ".content-slider-handle",
change: handleSliderChange,
slide: handleSliderSlide
});
}
});
Das funktioniert auch ca 90% der Zeit gut...aber die restlichen 10% lädt der Browser (Safari, FF, Opera...aber vor allem FF) den Javascript-Code nicht, der Slider bleibt tot! Das folgt auch keinerlei Muster, die Seite wirft keine Fehlermeldungen auf - kurz: keinerlei Anhaltspunkte.
Weiss jemand, was hier los ist?
Danke,
Jan