Question

我找到了一个名为pagify的插件，我想使用它。 GITHUB

您可以在此处看到有效的演示：http://www.bytemuse.com/Pagify/

我已经从github下载了整个内容并将其上传到我自己的网站。但我根本无法让它发挥作用。我不明白为什么。我也尝试过从thetemuse网站上获取资源。但结果相同。我无法摆脱那种我想念的巨大东西的感觉。这就是为什么我寻求你的帮助。

您可以在此处查看我的尝试：http://rplambech.dk/Pagify-master/demo/

网址变化很好，但我无法显示内容。因此，我们也无法检查浏览器后退按钮是否有效。（这就是我想要这个插件的原因）

我做了我应该做的一切。（至少我是这么认为的）根据http://www.bytemuse.com/Pagify/#usage

我已经创建了div。

<div id='page_holder' />

完成了javascript：

<script type='text/javascript'>
      $(document).ready(function() {
        $('#page_holder').pagify({
          pages: ['about_p', 'usage', 'options'],
          animation: 'fadeIn',
          'default': 'about_p',
          cache: true
        });
      });
    </script>

设置我的链接：

      <nav>
        <a href="#about">About</a>
        <a href="#usage">Usage</a>
        <a href="#options">Options</a>
      </nav>

我不认为我理解这里的逻辑。 page_holder将包含我关于页面fx的内容。如果我点击该链接？

我也有在线关于网页：http://rplambech.dk/Pagify-master/demo/about.html

我是否应该以某种方式包含？

我所做的事情有问题，或问题出现在pagify.js中？

我真的希望你们中的一个可以帮助我解决这个问题。我根本不明白我做错了什么，因为所有内容看起来都完全相同，就像在bytemuse网站上一样。

Answer 1

如果您打开Firebug（控制台），您将看到2个错误：

GET http://rplambech.dk/about.html 404 (Not Found) jquery-1.6.4.min.js:4
GET http://rplambech.dk/usage.html 404 (Not Found) jquery-1.6.4.min.js:4

脚本似乎正在查找根文件夹中的.html页面。尝试将html页面移动到根文件夹，看看它是否有效。

编辑： <{1}}之后添加选项basePagePath: 'http://rplambech.dk/Pagify-master/demo/'将解决问题。

以下是您的示例的完整设置：

cache: true,

我无法使用pagify.js显示和/或更改内容

1 个答案: