TurnJS не работает (порядок загрузки jquery?)
У меня возникают проблемы с работой 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 уже загружен, поэтому мне не нужно загружать его снова, только дополнительные библиотеки / скрипты, которые мне нужны. Следующие ошибки, которые я получаю в firebug:
- Ошибка типа: $(...). Поворот не является функцией
- Ошибка типа: Аргумент 1 Node.insertBefore не реализует интерфейсный узел.
- Использование getPreventDefault() не рекомендуется. Вместо этого используйте defaultPrevented.
- Ошибка типа: 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?