加载页面时执行函数
加载页面时执行函数
提问于 2013-12-27 14:40:45
我将此函数设置为在单击某个元素时执行。我希望它在页面加载时执行。
///// 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();
}
});回答 3
Stack Overflow用户
发布于 2013-12-27 14:42:25
你可以通过以下方式在页面加载时触发点击：
jQuery('.togglemenu').click(function() {
// ...
}).click(); // add .click() here / also works with .trigger('click');Stack Overflow用户
发布于 2013-12-27 14:44:00
将此函数放入$(document).ready()的回调中，它将会工作。
Stack Overflow用户
发布于 2013-12-27 14:46:41
只需在JS代码前添加document.ready函数和一行代码cha，如下所示
$( document ).ready(function() {
console.log( "ready!" );
if(!jQuery('.togglemenu').hasClass('togglemenu_collapsed')) {
......
});查看此$( document ).ready()并尝试它！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20796098
复制相关文章
相似问题
腾讯云开发者
