我正在尝试自定义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都加载和工作在网站上)
答案 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
)。 :)