Question

我将此功能设置为在单击元素时执行。我希望在页面加载时执行它。

///// 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();
        }
    });

Answer 1

您可以在页面加载时触发点击：

jQuery('.togglemenu').click(function() {
    // ...
}).click(); // add .click() here / also works with .trigger('click');

Answer 2

将此函数放入$(document).ready()的回调中，它将起作用。

Answer 3

只需在JS代码和一行代码之前添加document.ready函数，就像这样

 $( document ).ready(function() {
 console.log( "ready!" );
 if(!jQuery('.togglemenu').hasClass('togglemenu_collapsed')) {
   ......
 });

请参阅此$( document ).ready()并尝试一下！

加载页面时执行功能

3 个答案: