0

我无法让TurnJS工作，我正在动态加载所有图像，我首先显示所有图像，然后在页面加载几秒钟后，显示第一和第二个图像，其余的隐藏，图像在悬停时移动，但整个翻书无法正常工作并且它没有改变页面（不像当我试图让它在基本版本上工作时，虽然它并不完美，但我有翻页），我想我可能正在加载jquery 顺序错误（见下文）：

$this->template->styles['/assets/css/magazine.css'] = 'screen';
$this->template->styles['/assets/css/jquery.ui.css'] = 'screen';
$this->template->styles['/assets/css/jquery.ui.html4.css'] = 'screen';
$this->template->jscripts[]='assets/libraries/modernizr.2.5.3.min.js';
$this->template->jscripts[]='assets/libraries/jgestures.min.js';
$this->template->jscripts[]='assets/libraries/jquery-ui-1.8.20.custom.min.js';
$this->template->jscripts[]='assets/libraries/jquery.mousewheel.min.js';
$this->template->jscripts[]='assets/scripts/turn.js';
$this->template->jscripts[]='assets/scripts/turn.min.js';
$this->template->jscripts[]='assets/scripts/turn.html4.js';
$this->template->jscripts[]='assets/scripts/turn.html4.min.js';
$this->template->jscripts[]='assets/scripts/hash.js';
$this->template->jscripts[]='assets/scripts/zoom.js';
$this->template->jscripts[]='assets/scripts/zoom.min.js';
$this->template->jscripts[]='assets/scripts/magazine.js';

Jquery 已经加载了，所以我不需要在这里再次加载它，只是我需要的任何额外的库/脚本。我在萤火虫中遇到的以下错误是：

  • TypeError: $(...).turn 不是函数
  • TypeError：Node.insertBefore 的参数 1 没有实现接口 Node。
  • 不推荐使用 getPreventDefault()。请改用 defaultPrevented。
  • TypeError：book.turn 不是函数

我在这里添加了我的代码，这样你就可以看到我做了什么，任何帮助/指导将不胜感激！

这就是我的目标

如果我查看 firebug 中的脚本，它会显示以下顺序：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script>window.jQuery || document.write("<script src='/apps/assets/libraries/jquery-1.6.2.min.js'>\x3C/script>")</script>
<script type="text/javascript" src="/apps/assets/libraries/jquery-ui-1.8.12.custom.min.js"></script>

...然后我的所有脚本都跟随，它首先显示它的加载 jquery？

4

0 回答 0