Mootools手风琴遥控器在Joomla

时间:2012-10-17 13:52:38

标签: joomla triggers mootools accordion

我正在尝试自定义Joomla 2.5 Accordion联系人页面,添加一个可点击的地图来触发手风琴,我正在努力。手风琴部分工作正常,地图在可点击区域工作正常,但我无法将两者联系起来。

触发手风琴的mootools手风琴脚本是这个(相当标准的Joomla联系页面版本exept我在第2行添加'var OfficeAccordian =':

window.addEvent('domready', function(){ 
    var OfficeAccordian = new Fx.Accordion(
        $$('div#contact-slider.pane-sliders > .panel > h3.pane-toggler'), 
        $$('div#contact-slider.pane-sliders > .panel > div.pane-slider'), {
        onActive: function(toggler, i) {
            toggler.addClass('pane-toggler-down');
            toggler.removeClass('pane-toggler');i.addClass('pane-down');
            i.removeClass('pane-hide');
            Cookie.write('jpanesliders_contact-slider',$$('div#contact-slider.pane-sliders > .panel > h3').indexOf(toggler));
        },
        onBackground: function(toggler, i) {
            toggler.addClass('pane-toggler');
            toggler.removeClass('pane-toggler-down');
            i.addClass('pane-hide');i.removeClass('pane-down');
            if($$('div#contact-slider.pane-sliders > .panel > h3').length==$$('div#contact-slider.pane-sliders > .panel > h3.pane-toggler').length)
                Cookie.write('jpanesliders_contact-slider',-1);
        },
        duration: 300,
        opacity: false,
        alwaysHide: true
    }); 
});

但是当我点击地图上的链接(列表中的标准锚点按钮)时,我需要模拟手风琴触发器上的点击的脚本超出了我的范围。我已经开始调整来自各个网站的一些例子,但没有一个有效。我的javascript技能尚不足以知道他们为什么不工作或如何修复它们。 (我不确定它需要是mootools,因为我有mootools和amp; jquery都加载和工作在网站上)

1 个答案:

答案 0 :(得分:1)

Fx.Accordion有一个接口(实例公开的方法的API,所以你可以控制它)。

只需阅读手册:

http://mootools.net/docs/more/Fx/Fx.Accordion#Fx-Accordion:display

OfficeAccordian.display(2);

如果还不够,请阅读源代码:

https://github.com/mootools/mootools-more/blob/master/Source/Fx/Fx.Accordion.js#L157

这表明你可以将第二个参数传递给.display作为布尔值来使用fx。

P.S。这不是你拼写手风琴的方法(OfficeAccordian)。 :)