我想让子菜单在页面加载时保持打开状态。我怎样才能实现呢?
这是jQuery:
( function( $ ) {
$( document ).ready(function() {
$('#cssmenu li.has-sub>a').on('click', function(){
$(this).removeAttr('href');
var element = $(this).parent('li');
if (element.hasClass('open')) {
element.removeClass('open');
element.find('li').removeClass('open');
element.find('ul').slideUp();
}
else {
element.addClass('open');
element.children('ul').slideDown();
element.siblings('li').children('ul').slideUp();
element.siblings('li').removeClass('open');
element.siblings('li').find('li').removeClass('open');
element.siblings('li').find('ul').slideUp();
}
});
});
} )( jQuery );
任何帮助将不胜感激!!
如果单击第一个a
元素“打开”“子菜单”,则可以click
在DOM ready事件上触发事件:
$('#cssmenu li.has-sub>a').on('click', function() {
// ...
}).first().click();
如果要选择其他a
元素,可以使用以下.eq()
方法:
$('#cssmenu li.has-sub>a').on('click', function() {
// ...
}).eq(2).click(); // trigger the click event on the third `a` element in the collection
如果不使用.first()
或.eq()
方法,将针对集合中的所有元素触发事件。您也可以使用.trigger('click')
or.triggerHandler('click')
方法。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句