Только хотите, чтобы функция работала, когда размер экрана является определенной шириной

У меня есть эта целевая страница, которая имеет левую навигацию, когда она имеет экран с 1024 или больше, но когда экран становится ниже 1024, левая навигация появляется в верхней части основного содержимого страницы, а "Walmart Leverage" становится кнопкой с щелчком событие для остальной части навигации, чтобы спуститься, код работает до тех пор, пока я не поставлю оператор if, чтобы определить, какой размер экрана. Вероятно, что-то не хватает для кода. Ниже приведена ссылка на страницу.

http://dl.dropboxusercontent.com/u/2399619/walmartmilitary/talentbrew-LeverageHome.html

Это код для jQuery

$(window).resize(function() {
if( $(this).width() < 1024) {
var $showSubBtn = $("#sn-walmartleverage"); $showSubBtn.click(function(){ if($(this).hasClass("active")) { $(this).parent().next().hide(); $(this).removeClass("active"); } else { $(this).addClass("active"); $(this).parent().next().show(); } return false; }); }
});

Любая помощь приветствуется.

благодаря

1 ответ

Вы не можете поместить обработчик события клика внутри обработчика события изменения размера окна, вы должны просто проверить размер окна, когда произойдет щелчок

$("#sn-walmartleverage").on('click', function(e){ e.preventDefault(); if ($(window).width() > 1024) { $(this).toggleClass('active').parent().next().toggle(); }
});

licensed under cc by-sa 3.0 with attribution.