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>

我尝试从加载的页面调用循环，但它仍然无效。如果有人对这个新手有任何想法，我将非常感激！谢谢！

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

jQuery周期在带有哈希的ajax加载页面上

1 个答案: