제이쿼리에 대해 질문드립니다.
본문
해상도 900이상에서는 a태그 링크 이동을 하고 싶고
해상도 900이하에서는 a태그를 눌러도 링크이동 없이 하고 싶습니다.
소스는 이렇게 했는데 적용이 안되요 ㅠ 뿐만아니라 오류도 안납니다..
뭐가 틀렸나요ㅠ?ㅠㅠ
var $menuTrigger = $('.has-submenu > a');
$(window).resize(function(){
if($(this).width() >=900){
$menuTrigger.click(function (e) {
e.preventDefault();
var t = $(this);
t.toggleClass('active').next('ul').toggleClass('active');
});
}
});
답변 1
$menuTrigger.click(function (e) {
if($(window).width() >=900){
e.preventDefault();
var t = $(this);
t.toggleClass('active').next('ul').toggleClass('active');
}
});
브라우저 기준으로 900 이상일 경우만
$(window).resize(function(){
if($(this).width() >=900){
굳이 윈도우 리사이즈 이벤트로 감쌀 필요 없습니다 안에 넣어주세요