将jQuery转换为Prototype

时间:2012-01-19 22:15:36

标签: javascript jquery prototypejs

我有这个jQuery脚本我正在尝试实现om Magento并且我尝试过noConflict但它仍然不起作用。 Magento运行原型...我不知道任何原型,所以我如何将这个脚本从jQuery转换为Prototype?!

        var active = 0; // starts at zero
        var list = $('ul');

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

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

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

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

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

1 个答案:

答案 0 :(得分:3)

  1. 查看一行,例如var list = $('ul');
  2. 确定它的作用?答:它使用'ul'选择器来获取一些元素。
  3. 确定如何在Prototype中执行该操作。您可以使用GooglePrototype's documentation。我们在这里找到Prototype.Selector.select(expression[, root = document]) → [Element…]
  4. 重复以显示其余行
  5. 可选步骤5:如果在您遇到更具体的问题的任何时候,请回过头来询问。