0

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

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

“home.html”内容包含加载到索引页面的“内容”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>

如果我的代码有问题或者我做错了，请再次原谅我。我正在尽我所能学习和研究，但我真的被困在这里。

另外，如果您需要更多代码，请告诉我。

谢谢！

4

1 回答 1

3

我认为您必须在加载该页面后触发 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>

希望这个想法有所帮助。

于 2012-11-27T12:39:35.373 回答