2

アコーディオン ナビゲーション デバイスのすべてのペイン (最後のペインを除くすべて) に [次へ] ボタンを追加したいと考えています。ご想像のとおり、[次へ] ボタンをクリックすると、現在のペインが折りたたまれ、次のペインが開きます。

これは Joomla サイトにあるので、MooTools を使用しています。クリック イベントのアクションが機能しません。何かご意見は？

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
    });
});

どうもありがとう！！ダン

4

1 に答える 1

2

;）でアコーディオンインスタンスを調べます。アコーディオンインスタンスのプロパティにconsole.log(accordion)アクセスしてみてください。previousそれは文書化されておらず、MooTools Moreの将来のバージョンで変更される可能性がありますが、それはあなたが望むことをする最も簡単な方法です：

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

ここでフィドルを操作する：http：//jsfiddle.net/9859J/

于 2013-01-11T19:22:33.723 に答える