Javascript 触发$(窗口).resize(函数(){…})后函数不工作
我需要你的帮助 我不知道我的代码中有什么问题,在初始加载时,函数可以正常工作,但当我调整窗口大小时,函数将无法正常工作 这是我的jsJavascript 触发$(窗口).resize(函数(){…})后函数不工作,javascript,jquery,wordpress,Javascript,Jquery,Wordpress,我需要你的帮助 我不知道我的代码中有什么问题,在初始加载时,函数可以正常工作,但当我调整窗口大小时,函数将无法正常工作 这是我的js var firedData = true; var pcNavigation = function() { $('body').find('.appendNavClick').remove(); }; var appendToggleButton = function() { $('nav').find('a
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();
});
var firedData=true;
var pcNavigation=函数(){
$('body').find('.appendNavClick').remove();
};
var appendToggleButton=函数(){
$('nav').find('a[href^=“#toggle”]”)。remove();
$.each($('.navigation>li'),函数(i,值){
if($(值).children('.sub-menu')。长度==1){
var styleString='style=“位置:绝对;右:0;顶部:1px;背景:#232323;”;
$('').insertAfter($(value).children('a');
}
});
};
var spNavigation=函数(){
appendToggleButton();
$('body').delegate('#菜单主导航li>a[href^=“#切换“]”,'click',函数(e){
e、 预防默认值();
var self=$(此),
nextSelector=self.next();
if(self.parent('li').sides().find('a[href^=“#toggle”]”)下一步()是(':visible')){
self.parent('li').sides().find('a[href^=“#toggle”]”)。toggleClass('sub-menu-open')。next().slideUp();
}
self.toggleClass(“子菜单打开”);
nextSelector.stop().slideToggle();
});
};
var initResponsive=function(){
让getResponsive=$(window.width();
$('.navigation li.sub-menu').removeAttr('style');
if(getResponsive<767){
spNavigation();
}否则{
pcNavigation();
}
};
initResponsive();
$(窗口).bind('resize',function(){
initResponsive();
});
我也在使用wordpress框架。我已经通过使用
jQuery
的bind()
和unbind()
函数解决了这个问题。哪个函数以及它是如何工作不正常的?您的控制台中有错误吗?我没有收到错误,调整窗口大小后的spNavigation()
jquery的slideToggle()在调整窗口大小后不工作