Question

我有以下代码会影响我的导航

let opened = false; // set the nav as closed by default
function toggleNav() {
  if (!opened) { // if opened is false (ie nav is closed), open the nav
    openNav()
  } else { // else, if opened is true (ie nav is open), close the nav
    closeNav();
  }
  opened = !opened; // negate boolean to get opposite (t to f, and f to t)
}

function openNav() {
  $('#myTopnav').addClass('openHeight').removeClass('closeHeight');
  $('#main').addClass('openMain').removeClass('closeMain');
}

function closeNav() {
  $('#myTopnav').removeClass('openHeight').addClass('closeHeight');
  $('#main').removeClass('openMain').addClass('closeMain');
}

我希望openNav和closeNav函数影响小于720px的屏幕尺寸，我想为更大的屏幕尺寸使用不同的openNav和closeNav函数。我不确定如何应用if和else语句来实现这一点。

编辑：很抱歉，这是一个Wordpress网站，所以我不确定php是否会成为建议解决方案的一部分

Answer 1

您可以将Window调整大小功能用作：

price

当您的窗口大小为$(window).resize(function(){ if ($(this).width() >= 1280) { //Your Code Here } }); 1200时，以上功能将起作用

在您的方案中，它将像：

>=

将功能划分为屏幕尺寸

1 个答案: