jquery Zyklus auf einer Ajax geladene Seite mit Hash

Question

Ich benutze Ajax, um Inhalt aus anderen HTML-Dokumenten in einen div # content zu laden - die URL wird dann mydomain/index.html # user1. Jedes "user" html Dokument hat eine jquery cycle slideshow. Wenn ich die Benutzerseite unabhängig ansehe (nicht über Ajax geladen), funktioniert die Diashow gut. Wenn ich die über AJAX geladene Benutzerseite auf der Indexseite anschaue, funktioniert die Diashow nicht.

Ich nenne jquery und Zyklus aus dem Index hier ist, was ich an der Spitze haben:

<script type="text/javascript"> 
$(document).ready(function() { 

// slideshow 
$('#slideshow').cycle({ 
    fx:  'fade', 
    prev: '#prev', 
    next: '#next', 
    timeout: 0 
}); 
// Check for hash value in URL 
    var hash = window.location.hash.substr(1); 
    var href = $('.thumbgroup div a').each(function(){ 
     var href = $(this).attr('href'); 
     if(hash==href.substr(0,href.length-5)){ 
      var toLoad = hash+'.html #content'; 
      $('#content').load(toLoad) 
     }           
    }); 

// project-links 
$('.thumbgroup div a').click(function(){ 
     var toLoad = $(this).attr('href')+' #content'; 
     $('#content').hide('fast',loadContent); 
     $('#load').remove(); 
     $('#header').append('<span id="load">LOADING...</span>'); 
     $('#load').fadeIn('normal'); 
     window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5); 
     function loadContent() { 
      $('#content').load(toLoad,'',showNewContent()) 
     } 
     function showNewContent() { 
      $('#content').show('normal',hideLoader()); 

     } 
     function hideLoader() { 
      $('#load').fadeOut('normal'); 
     } 
     return false; 
    }); 
}); 
</script> 

Ich habe versucht Zyklus von der geladenen Seite aufrufen und es funktioniert immer noch nicht. Ich wäre sehr dankbar, wenn jemand Ideen für diesen Neuling hätte! Vielen Dank!

Answer 1

stellen Sie sicher, dass Ihre Javascript, die für die Diashow verwenden, geladen werden oder nicht. Wenn nicht, versuchen Sie dies vor dem Laden des Inhalts.

var script=document.createElement('script'); 
    script.type='text/javascript'; 
    path = {locate your js files} 
    script.src= path+'jquery.js'; 
    $("body").append(script);