87,989
社区成员
发帖
与我相关
我的任务
分享mtree.js 生成的菜单，加载时默认展开第一个菜单怎么弄？
http://codepen.io/mjau-mjau/pen/yDKBh/
上面的网址可以调试。
想要加载时默认展开第一个菜单，显示二级，如果展开的菜单有三级菜单不需要展开。
上面的网址可以调试。
想要加载时默认展开第一个菜单，显示二级，如果展开的菜单有三级菜单不需要展开。
...全文
请发表友善的回复…
发表回复
斯洛文尼亚旅游 2017-05-11
- 打赏
- 举报
在你代码最后的dom ready加红色那句就行了
$(document).ready(function () {
var mtree = $('ul.mtree');
// Skin selector for demo
mtree.wrap('<div class=mtree-demo></div>');
var skins = ['bubba', 'skinny', 'transit', 'jet', 'nix'];
mtree.addClass(skins[0]);
$('body').prepend('<div class="mtree-skin-selector"><ul class="button-group radius"></ul></div>');
var s = $('.mtree-skin-selector');
$.each(skins, function (index, val) {
s.find('ul').append('<li><button class="small skin">' + val + '</button></li>');
});
s.find('ul').append('<li><button class="small csl active">Close Same Level</button></li>');
s.find('button.skin').each(function (index) {
$(this).on('click.mtree-skin-selector', function () {
s.find('button.skin.active').removeClass('active');
$(this).addClass('active');
mtree.removeClass(skins.join(' ')).addClass(skins[index]);
});
})
s.find('button:first').addClass('active');
s.find('.csl').on('click.mtree-close-same-level', function () {
$(this).toggleClass('active');
});
mtree.find('li:first a:first').trigger('click')
});
