如何在使用jquery窗口或视口大小时使用引导禁用按钮？

我是jQuery新手，想知道如何使用平板电脑和桌面视口大小禁用引导按钮。 我知道如何禁用按钮，但我只想在屏幕大小为平板电脑和桌面时禁用

JS:

---

向后的箭头是否更大或更小

您需要使用以下单击事件防止切换事件

$('#sec-nav [data-toggle="collapse"]').click(function(e){
      if ($(window).width() >= 768) { 
        e.preventDefault();
        e.stopPropagation();
      }    
});

要切换您使用的禁用状态，请执行以下操作：

$(window).resize(function() {
  if ($(window).width() >= 768) {
        $("#sec-nav *").prop("disabled", true);
      } else {
        $("#sec-nav *").prop("disabled", false); //re-enable the disabled button
      }
});

---

您需要使用以下单击事件来防止切换事件

$('#sec-nav [data-toggle="collapse"]').click(function(e){
      if ($(window).width() >= 768) { 
        e.preventDefault();
        e.stopPropagation();
      }    
});

要切换您使用的禁用状态，请执行以下操作：

$(window).resize(function() {
  if ($(window).width() >= 768) {
        $("#sec-nav *").prop("disabled", true);
      } else {
        $("#sec-nav *").prop("disabled", false); //re-enable the disabled button
      }
});

---

有两种不同的方法可以做到这一点。 1） 使用javascript检测浏览器

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
 $('#sec-nav').click(function(){
         $("#sec-nav *").attr("disabled", "disabled").off('click');
        });
}

2） 我发现一个函数，它使用

DisplayMetrics（）

检测客户端屏幕大小：

---

有两种不同的方法可以做到这一点。 1） 使用javascript检测浏览器

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
 $('#sec-nav').click(function(){
         $("#sec-nav *").attr("disabled", "disabled").off('click');
        });
}

2） 我发现一个函数，它使用

DisplayMetrics（）

检测客户端屏幕大小：

---

Javascript中没有语言结构

If

。试着用它来实现，我想这对你没什么帮助。。Javascript中没有语言结构

If

。试着用它来实现，我想这对你没什么帮助。。foy您的第一个解决方案我把具体的768px放在哪里。它可以工作，但当我进入平板电脑或任何尺寸的按钮被禁用时，我只需要确定它的大小。对于您的第一个解决方案，我应该将特定的768px放在哪里。它可以工作，但当我进入平板电脑或任何尺寸的按钮被禁用时，我只需要确定它的具体尺寸。什么不起作用，你需要使用这两个代码段。它仍然使用两个Snippets进行切换，如mobile view不切换，但我希望它能够切换。当我进入平板电脑时，它仍然切换什么不起作用，你需要使用这两个按钮，但仍然可以使用这两个按钮进行切换，例如mobile view不切换，但我希望它能够切换，当我进入平板电脑时，它仍然可以切换

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
 $('#sec-nav').click(function(){
         $("#sec-nav *").attr("disabled", "disabled").off('click');
        });
}

DisplayMetrics metrics = new DisplayMetrics();
getActivity().getWindowManager().getDefaultDisplay().getMetrics(metrics);

float yInches= metrics.heightPixels/metrics.ydpi;
float xInches= metrics.widthPixels/metrics.xdpi;
double diagonalInches = Math.sqrt(xInches*xInches + yInches*yInches);
if (diagonalInches>=6.5){
    // 6.5inch device or bigger
}else{
    // smaller device
}