Question

我想为手风琴导航设备的所有窗口（除了最后一个窗口）添加一个Next按钮。正如您所期望的那样，当您单击“下一步”按钮时，当前窗格将折叠并打开下一个窗格。

它位于Joomla网站上，所以我们正在使用MooTools。我无法使click事件的操作起作用。有什么想法吗？

window.addEvent('domready', function() {
var accordion = new Fx.Accordion($$('#accordion h2'),$$('#accordion .content'), {
    onActive: function(toggler,element) { toggler.addClass('active');element.addClass('active'); },
    onBackground: function(toggler,element) { toggler.removeClass('active');element.removeClass('active'); }
});

$$('.button.next').addEvent('click', function(event){
      event.stop();
      accordion.display.getNext(); //HELP HERE PLEASE
    });
});

非常感谢!! 丹

Answer 1

在console.log(accordion);中检查你的手风琴实例;尝试访问accordion实例的previous属性。它没有记录，可能会随着未来版本的MooTools更改而改变，但它是最简单的方式来做你想要的：

$$('.button.next').addEvent('click', function(event){
    event.stop();
    accordion.display(accordion.previous + 1);
});

在这里工作小提琴：http://jsfiddle.net/9859J/

Mootools手风琴，每个窗格内都有一个Next按钮

1 个答案: