различные действия нажмите для различных размеров экрана

Question

Я пытаюсь написать 2 функции для одного клика, на основе ширины экрана:

$(".view_offer_wrapper").click(function(){ 
    var current = $(".compare_wrapper div:last-child").index(this); 
    $(".product_desc_expand").hide(); 
}); 

if ($(window).width() < 480) { 
    // Different action for same click function 
} 

Первый щелчок работает отлично, никаких проблем с ним.

Но если размер окна < 480, первый клик инициируется, а не функция щелчка внутри условия if.

Answer 1

Первое решение для проверки состояния внутри обработчика щелчка

$(".view_offer_wrapper").click(function() { 
    if ($(window).width() < 480) { 
     //action 1 
    } else { 
     //action2 
     var current = $(".compare_wrapper div:last-child").index(this); 
     $(".product_desc_expand").hide(); 
    } 
}); 

Второе решение зарегистрировать разные обработчики кликов на основе состояния

if ($(window).width() < 480) { 
    $(".view_offer_wrapper").click(function() { 
     //action 1 
    }); 
} else { 
    $(".view_offer_wrapper").click(function() { 
     //action2 
     var current = $(".compare_wrapper div:last-child").index(this); 
     $(".product_desc_expand").hide(); 
    }); 
} 

Примечание: Если вы хотите поддержать изменение размера окна, тогда вы должны выбрать первое решение

Answer 2

Попробуйте

$(".view_offer_wrapper").click(function(){ 
if ($(window).width() < 480) { 
    alert('width less than 480'); 
    } 
else 
{ 
    alert('width grater than 480'); 
} 
}); 

Вы можете использовать если еще внутри функции мыши.