Question

新手在这里，如果这是一个简单的问题，请原谅我：

我有一个单页网站使用pafigy来散列网址。首次加载页面时，它会将“home.html”文件拉入内容div。

“home.html”内容包含在将其加载到索引页面的“content”div时需要运行的脚本（jquery循环）。如果我链接到“home.html”页面中的循环插件和jquery库，它会很慢地加载到“内容”div中。因此，我在主页上加载库并在“home.html”页面中引用它们。

最初加载网站时，它可以正常工作;但是，如果我点击另一个菜单项然后尝试返回“#home”（使用后退按钮或链接到“#home”），它会从“home.html”加载内容，但不会加载循环插件。

所以，我知道我需要在“内容”div中刷新/重新加载javascript，但我不知道如何去做。任何帮助或智慧的话语将不胜感激。

这是index.html页面上的pagify脚本：

<script type='text/javascript'>
$(document).ready(function() {
    $('#content').pagify({
        pages: ['home', 'food', 'wine'],
        animation: 'fadeIn',
        'default': 'home',
        cache: true

    });
});
</script>

以下是home.html页面上的Jquery Cycle脚本：

<script type='text/javascript'>
$(document).ready(function() {    
    $('#myslides').cycle({
        fx: 'fade',
        speedIn: 1000,
        speedOut: 200,
        delay: 1200,
        cleartypeNoBg: true
    });

    $('#myslides2').cycle({
        fx: 'scrollLeft',
        speedIn: 700,
        speedOut: 500,
        delay: 1000,
        cleartypeNoBg: true
    });
});
</script>

再次，请原谅我，如果我的代码不稳定，或者我完全错了。我正努力学习和研究，但我真的被困在这里。

另外，如果您需要更多代码，请与我们联系。

谢谢！

Answer 1

我认为你必须在加载该页面后激活Cycle。也许你可以通过pagify.js上的onChange选项实现这一点。看起来应该是这样的：

<script type='text/javascript'>
$(document).ready(function() {
  $('#content').pagify({
        pages: ['home', 'food', 'wine'],
        animation: 'fadeIn',
        'default': 'home',
        cache: true,
        'onChange': function(home) { //wrap 'onChange' in quotes
           $('#myslides').cycle({
           //Your Cycle Plugin Goes Here
           });
        }
    });
});
</script>

希望这个想法有所帮助。

pagify.js和重新加载/刷新div

1 个答案: