javascript - 仅当屏幕上 <1000 px 时调用 JS 函数

Question

我已经处理这个问题几个小时了，但找不到解决方案。

我需要在屏幕尺寸 < 1000px(iPad 垂直方向)时调用一个函数，并在屏幕尺寸 > 1000px(iPad 横向)时注释/停用该函数。

我编写了以下代码，它运行良好，但是当我旋转 iPad(从垂直到横向)时，该函数没有按预期进行注释。

解释起来相当复杂。希望您能理解我的问题。

$(window).ready(function(){
if ( $(window).width() > 1000) {
/*  $( '.head_bar_nav ul:has(li)' ).doubleTapToGo(); */
}
else {
$( '.head_bar_nav ul:has(li)' ).doubleTapToGo();
}
});

$(window).resize(function(){
if ( $(window).width() > 1000) {
/*  $( '.head_bar_nav ul:has(li)' ).doubleTapToGo(); */
}
else {
$( '.head_bar_nav ul:has(li)' ).doubleTapToGo();
}
});

祝你有美好的一天，再见!

Answer 1

您的意思是，如果宽度> 1000px，您想要禁用 DoubleTapToGo 吗？

您使用过this code吗？ ？那么我认为这是不可能的。您只能启用它。

--编辑--

好的，我对 doubletaptogo.js 文件添加了一个小更改。您可以find it here .

现在要达到所需的效果，请执行以下操作:

$(window).resize(function() {
  if ( $(window).width() > 1000) {
    $( '.head_bar_nav ul:has(li)' ).data("doubletaptogo-enabled", false);
  }
  else {
    $( '.head_bar_nav ul:has(li)' ).data("doubletaptogo-enabled", true);
  }
});

$(document).ready(function(){
  $( '.head_bar_nav ul:has(li)' )
    .data("doubletaptogo-enabled", ($(window).width() <= 1000))
    .doubleTapToGo();
});

尚未测试，但应该可以工作。