隱藏移動設備上的jquery代碼

由於引導不支持懸停菜單（僅在點擊後），我使用下面的代碼：

$(document).ready(function(){ 
    if(window.innerWidth > 768){ 

     $('li.dropdown').hover(function() { 
      $(this).find('.dropdown-menu').first().stop(true, true).delay(200).slideDown(); 
     }, function() { 
      $(this).find('.dropdown-menu').first().stop(true, true).delay(200).slideUp(); 
     }); 

    } 
});

我想這個了slideDown懸停效果是在768以上的屏幕分辨率可見;而不是在移動設備上。但上面的代碼並不真正起作用。

我也嘗試使用下面的代碼沒有成功。

var winWidth = $(window).width(); 
if (winWidth > 768) {...}

其他人一個想法;比jquery更擅長jquery的人。非常感謝提前。

來源

2017-01-30 kiarashi

它以什麼方式不起作用？ 'console.log（window.innerWidth）'顯示什麼？ – Barmar

window.innerWidth通常是1280，當調整到較小的視圖時，它是691px。用691px的上下滑動也可以，但情況並非如此。將使用屏幕截圖更新我的文章。 :) – kiarashi

您的代碼只在頁面加載時運行。如果您調整大小，則不會再運行它。 – Barmar

這樣做的方式，你還可支持窗口通過檢查寬度調整徘徊時：

$(document).ready(function() { 
    $('li.dropdown').hover(function() { 
     if ($(window).width() > 768) { 
      // expected behavior on large screen 
     } 
    }, function() { 
     if ($(window).width() > 768) { 
      // expected behavior on large screen 
     } 
    }) 
});

這是否幫助？

來源

2017-01-30 23:29:30 LIIT

是的，它的工作原理。謝謝！ – kiarashi

隱藏移動設備上的jquery代碼

回答

相關問題