Question

我无法让TurnJS工作，我正在动态加载所有图像，我首先显示所有图像，然后在页面加载后几秒钟后，显示第一个和第二个图像，其余隐藏，图像移动悬停，但整个flipbook不工作，它不改变页面（不像我试图让这个在基本版本上工作，虽然它不完美我有页面转动），我想我可能会以错误的顺序加载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已经加载了，所以我不需要再加载它，只需要我需要的任何额外的库/脚本。我在firebug中遇到的以下错误是：

TypeError：$（...）。turn不是函数
TypeError：Node.insertBefore的参数1未实现接口Node。
不推荐使用getPreventDefault（）。请改用defaultPrevented。
TypeError：book.turn不是函数

我添加了我的代码here只是为了让您看到我所做的一切，我们将不胜感激任何帮助/指导！

这就是我的目标here

如果我查看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？

TurnJS无法正常工作（jquery加载顺序？）

0 个答案: