如果窗口寬度小於768px，請不要觸發功能

Question

如果頁面加載和調整大小的窗口寬度小於768px，我不想觸發showCover()函數。使用下面的代碼，即使窗口小於768px，它仍然被解僱。

function ipsThemeViewer() { 

     jQuery(window).resize(function() { 
      if (jQuery(window).width() < 768) return false; 
      showCover(); 
     }).resize(); 

    } 

    function showCover() { 
     jQuery('#ipsThemeViewerScreen').hover(function() { 
      var t = jQuery(this); 
      jQuery('.cover').stop().fadeIn('fast'); 
     }, function() { 
      var t = jQuery(this); 
      jQuery('.cover').stop().fadeOut('fast'); 
     }); 
    } 

Answer 1

我會去周圍的其他方法：

jQuery(function($) { // DOM READY AND SECURE $ ALIAS 

    var winIsSmall; 

    function testWinSize(){ 
     winIsSmall= $(window).width() < 768; // BOOLEAN 
    } 

    $(window).on("load resize", testWinSize); 

    $('#ipsThemeViewerScreen').hover(function() {    
     if(winIsSmall){ 
      // need something here? 
     }else{ 
      $('.cover').stop().fadeToggle('fast'); 
     } 
    }); 

});