Funktion funktioniert nicht nach $ (window) .resize (function() {...}) wurde ausgelöst

Question

Ich brauche Sie zu helfen.

Ich weiß nicht, was das Problem in meinem Code ist, beim ersten Laden funktioniert die Funktion richtig, aber wenn ich die Größe des Fensters ändern, wird die Funktion nicht richtig funktionieren.

hier ist mein js

var firedData = true; 
    var pcNavigation = function() { 
     $('body').find('.appendNavClick').remove(); 
    }; 

    var appendToggleButton = function() { 
     $('nav').find('a[href^="#toggle"]').remove(); 
     $.each($('.navigation > li'), function(i, value) { 
      if($(value).children('.sub-menu').length == 1) { 
       var styleString = 'style="position: absolute; right: 0; top: 1px; background: #232323;"'; 
       $('<a class="appendNav appendNavClick" href="#toggle" '+ styleString +'><span></span></a>').insertAfter($(value).children('a')); 
      } 
     }); 
    }; 

    var spNavigation = function() { 
     appendToggleButton(); 
     $('body').delegate('#menu-main-navigation li > a[href^="#toggle"]', 'click', function(e) { 
      e.preventDefault(); 
      var self = $(this), 
       nextSelector = self.next(); 
      if(self.parent('li').siblings().find('a[href^="#toggle"]').next().is(':visible')) { 
       self.parent('li').siblings().find('a[href^="#toggle"]').toggleClass('sub-menu-open').next().slideUp(); 
      } 
      self.toggleClass('sub-menu-open'); 
      nextSelector.stop().slideToggle(); 
     }); 
    }; 

    var initResponsive = function() { 
     let getResponsive = $(window).width(); 
     $('.navigation li .sub-menu').removeAttr('style'); 
     if(getResponsive < 767) { 
      spNavigation(); 
     } else { 
      pcNavigation(); 
     } 
    }; 

    initResponsive(); 
    $(window).bind('resize', function() { 
     initResponsive(); 
    }); 

ich auch die Wordpress-Framework.

Answer 1

Ich löste dies bereits durch bind() und unbind() Funktionen von jQuery