Jquery Zurb基金会手风琴-唐&XX27;t折叠非活动段 我用的是基础3手风琴:
默认行为是,当您单击选项卡展开某个截面时,先前展开的截面将折叠。我想覆盖它,这样页面加载时第一个部分展开,然后当您展开其他部分时,它们都保持打开状态。基本上,我想完全禁用折叠线段 以下是相关的js。我试着用“removeClass('inactive')替换所有的“removeClass('inactive')”部分,但似乎什么都没做Jquery Zurb基金会手风琴-唐&XX27;t折叠非活动段 我用的是基础3手风琴:,jquery,accordion,zurb-foundation,Jquery,Accordion,Zurb Foundation,默认行为是,当您单击选项卡展开某个截面时,先前展开的截面将折叠。我想覆盖它,这样页面加载时第一个部分展开,然后当您展开其他部分时,它们都保持打开状态。基本上,我想完全禁用折叠线段 以下是相关的js。我试着用“removeClass('inactive')替换所有的“removeClass('inactive')”部分,但似乎什么都没做 ;(function ($, window, undefined){ 'use strict'; $.fn.foundationAccordion =
;(function ($, window, undefined){
'use strict';
$.fn.foundationAccordion = function (options) {
// DRY up the logic used to determine if the event logic should execute.
var hasHover = function(accordion) {
return accordion.hasClass('hover') && !Modernizr.touch
};
$(document).on('mouseenter', '.accordion li', function () {
var p = $(this).parent();
if (hasHover(p)) {
var flyout = $(this).children('.content').first();
$('.content', p).not(flyout).hide().parent('li').removeClass('active');
flyout.show(0, function () {
flyout.parent('li').addClass('active');
});
}
}
);
$(document).on('click.fndtn', '.accordion li .title', function () {
var li = $(this).closest('li'),
p = li.parent();
if(!hasHover(p)) {
var flyout = li.children('.content').first();
if (li.hasClass('active')) {
p.find('li').removeClass('active').end().find('.content').hide();
} else {
$('.content', p).not(flyout).hide().parent('li').removeClass('active');
flyout.show(0, function () {
flyout.parent('li').addClass('active');
});
}
}
}
);
};
})( jQuery, this );
注释掉
单击
侦听器中从li
元素中删除活动
类的行。如果您改变主意,希望再次单击以关闭该部分,则只注释掉第二行。请参阅以下内容:
$(document).on('click.fndtn', '.accordion li .title', function () {
var li = $(this).closest('li'),
p = li.parent();
if(!hasHover(p)) {
var flyout = li.children('.content').first();
if (li.hasClass('active')) {
//p.find('li').removeClass('active').end().find('.content').hide();
} else {
//$('.content', p).not(flyout).hide().parent('li').removeClass('active');
flyout.show(0, function () {
flyout.parent('li').addClass('active');
});
}
}
}
);
对于那些不阅读我自己文档的人,基金会5将其作为一个选项:滚动到“可选的JavaScript配置”。
在Posial.Actudion .js中的设置对象中,从默认的“false”更改为“true”,并将很好地进行。
settings : {
active_class: 'active',
//multi_expand: false,
multi_expand: true,
toggleable: true,
callback : function () {}
},