[英]Execute a function when the page is loaded
单击该元素后,我将执行此功能。 我希望在页面加载时执行它。
///// COLLAPSED/EXPAND LEFT MENU /////
jQuery('.togglemenu').click(function(){
if(!jQuery(this).hasClass('togglemenu_collapsed')) {
//if(jQuery('.iconmenu').hasClass('vernav')) {
if(jQuery('.vernav').length > 0) {
if(jQuery('.vernav').hasClass('iconmenu')) {
jQuery('body').addClass('withmenucoll');
jQuery('.iconmenu').addClass('menucoll');
} else {
jQuery('body').addClass('withmenucoll');
jQuery('.vernav').addClass('menucoll').find('ul').hide();
}
} else if(jQuery('.vernav2').length > 0) {
//} else {
jQuery('body').addClass('withmenucoll2');
jQuery('.iconmenu').addClass('menucoll2');
}
jQuery(this).addClass('togglemenu_collapsed');
jQuery('.iconmenu > ul > li > a').each(function(){
var label = jQuery(this).text();
jQuery('<li><span>'+label+'</span></li>')
.insertBefore(jQuery(this).parent().find('ul li:first-child'));
});
} else {
//if(jQuery('.iconmenu').hasClass('vernav')) {
if(jQuery('.vernav').length > 0) {
if(jQuery('.vernav').hasClass('iconmenu')) {
jQuery('body').removeClass('withmenucoll');
jQuery('.iconmenu').removeClass('menucoll');
} else {
jQuery('body').removeClass('withmenucoll');
jQuery('.vernav').removeClass('menucoll').find('ul').show();
}
} else if(jQuery('.vernav2').length > 0) {
//} else {
jQuery('body').removeClass('withmenucoll2');
jQuery('.iconmenu').removeClass('menucoll2');
}
jQuery(this).removeClass('togglemenu_collapsed');
jQuery('.iconmenu ul ul li:first-child').remove();
}
});
您可以通过以下方式触发页面加载时的点击:
jQuery('.togglemenu').click(function() {
// ...
}).click(); // add .click() here / also works with .trigger('click');
将此函数放入$(document).ready()
的回调中,它将起作用。
只需在JS代码和一行代码cha之前添加document.ready函数,就像这样
$( document ).ready(function() {
console.log( "ready!" );
if(!jQuery('.togglemenu').hasClass('togglemenu_collapsed')) {
......
});
请参阅此$(document).ready()并尝试一下!
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.