jquery循环在带有hash的ajax加载页面上

Question

我正在使用ajax将其他html文档中的内容加载到div#content中，然后url变成mydomain/index.html#user1。每个"用户"html文档都有一个jquery循环幻灯片。如果我独立查看用户页面（不是通过ajax加载的），幻灯片放映效果很好。如果我在索引页面上查看通过ajax加载的用户页面，幻灯片就不起作用了。

我调用jquery，从索引开始循环，这是我在顶部的内容：

<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>

我试过从加载的页面调用cycle，但它仍然不起作用。如果有人对这个新手有任何想法，我将不胜感激！谢谢

Answer 1

请确保用于幻灯片放映的javascript是否已加载。如果没有，请在加载内容之前尝试执行此操作。

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