2015-02-12 4 views
1

У меня есть один ад, когда я получаю Сову Карусель, чтобы работать над настройкой Magento. Я загрузил следующий в моем .xml Here is the siteСова Карусель не работает в Magento 1,8

<default> 

    <reference name="head"> 
     <action method="additem"> 
     <type>skin_js</type> 
     <name>js/jquery-1.9.1.min.js</name> 
    </action> 

    <action method="additem"> 
     <type>skin_js</type> 
     <name>js/owl.carousel.min.js</name> 
    </action> 

    <action method="addCss"> 
     <stylesheet>css/owl.carousel.css</stylesheet> 
    </action> 

    <action method="addCss"> 
     <stylesheet>css/owl.theme.css</stylesheet> 
    </action> 

Добавлена ​​нужные файлы в папку в Magento.

Следующие коды появляются на моем сайте, но не являются плагинами.

<div id="owl-demo" class="owl-carousel owl-theme"> 
<div><img src="http://www.battingtunnel.com/media/wysiwyg/owl/owl1.jpg" alt=""></div> 
<div><img src="http://www.battingtunnel.com/media/wysiwyg/owl/owl2.jpg" alt=""></div> 
<div><img src="http://www.battingtunnel.com/media/wysiwyg/owl/owl3.jpg" alt=""></div> 
<div><img src="http://www.battingtunnel.com/media/wysiwyg/owl/owl4.jpg" alt=""></div> 
<div><img src="http://www.battingtunnel.com/media/wysiwyg/owl/owl5.jpg" alt=""></div> 
<div><img src="http://www.battingtunnel.com/media/wysiwyg/owl/owl6.jpg" alt=""></div> 
<div><img src="http://www.battingtunnel.com/media/wysiwyg/owl/owl7.jpg" alt=""></div> 
</div> 

ответ

1

Я подозреваю, что вам нужно JQuery, чтобы быть в режиме noConflict иначе он конфликтует с библиотекой Prototype, которая также использует $ в качестве имени переменной в глобальном пространстве имен.

Вы можете отредактировать локальную копию jQuery-min-1.9.0.js, чтобы добавить строку jQuery.noConflict(); в конце файла.

Затем проверить Owl может упасть обратно jQuery() и не закодирована использовать $ (если это так, то вы можете обернуть код Owl таким образом, что делает местный $ доступной для него - see the jQuery noConflict docs)

Тогда «все, что вам нужно сделать» - это загрузить jQuery перед prototype.js. Я использую модифицированную версию этого Inchoo module. Дайте мне знать, если вам нужно больше направлений для того, чтобы заставить Prototype и jQuery работать на одной странице, но я уверен, что сначала нужно загрузить jQuery, а затем выпустить noConflict для выпуска '$', затем prototype.js может загрузить и установить '$' в глобальном пространстве имен (таким образом я организую его на сайтах Magento, использующих jQuery и Prototype).

+0

Спасибо за подсказку! Я на полпути по классам JQuery, поэтому мне все еще чуждо. Я уверен, что это будет иметь смысл в ближайшее время. Я дам вам знать, как это получается. – rundy

+0

Отлично, помогает, JQuery должен быть загружен первым, лучший способ - поместить его в layout/page.xml. ПРОДОЛЖИТЕЛЬ: .... – Martin

Смежные вопросы