JQuery в Magento

Question

Я написал небольшой скрипт-слайдер в jQuery, который я хочу запустить в своем магазине Magento.Я включил этот скрипт в мой view.phtml, но он не работает.Что я делаю неправильно?Я довольно новичок в Magento и не знаю, как добавить пользовательские скрипты.

<script type="text/javascript">// < ![CDATA[
        jQuery(document).ready(function(){
        var active = 0; // starts at zero
        var list = jQuery('ul');

        list.children('li').eq('0').siblings().hide(); // Hide all except first list element

       jQuery('.next').bind('click', function() {
            active = active == list.children('li').length-1 ? 0 : active + 1;
        });

        jQuery('.prev').bind('click', function() {
            active = active == 0 ? list.children('li').length-1 : active - 1;
        });

        var getActive = function() {
            return list.children('li').eq(active);
        };

        jQuery('.prev,.next').bind('click', function() {
            getActive().fadeIn().siblings().hide();
        });

 });// ]]></script>

А вот мой HTML-код в view.phtml:

<ul>
   <li>img1</li>
   <li>img1</li>
   <li>img1</li>
</ul>

Answer 1

Перво-наперво: Magento не использует jQuery .

Magento использует PrototypeJs , и либо преобразуйте свой jQuery в PrototypeJ, либо вам нужно загрузить jQuery, используйте метод noConflict, чтобы они оба работали без проблем .

Чтобы загрузить jQuery на вашу страницу, либо вы используете шаблон .xml для загрузки его на все ваши страницы, либо, если он находится только на этой конкретной странице, вы можете просто загрузить его перед вашим скриптом, например:

<script src="http://code.jquery.com/jquery-1.7.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
// <![CDATA[
   // noConflict so we can use both libraries
   $.noConflict(); 

   // your current code here

//]]>
</script>

если вы хотите загрузить все страницы через шаблон оформления, вот предложение .