Question

我想在浏览器窗口小于1000px时禁用我的.js文件，但我也想为特定的设备/媒体查询禁用它。

例如，我想确保它不会在iPad上加载。

我已经对1000px部分进行了排序，但我不确定如何实现媒体查询？

<script>
$(function() {
var windowWidth = $(window).width();
if(windowWidth > 1000){
    skrollr.init({
        forceHeight: false
    });
}});
</script>

Answer 1

您需要检测userAgent，如下所示：What is the best way to detect a mobile device in jQuery?

在您的代码中：

<script>
        $(function() {
             var windowWidth = $(window).width();
          if(windowWidth > 1000 && !(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent))){
           skrollr.init({
           forceHeight: false
          });
          }});
    </script>

禁用特定媒体查询的.js文件？

1 个答案: