Question

我有一个我正在使用的脚本，允许我在使用ajax时显示/隐藏某些元素。它确实有效，但是有一个问题是我无法将其设置为在语句中使用多个值。

我尝试过以不同的方式拆分它们，例如：

＆＃39; / page1＆＃39;，＆＃39; / page2＆＃39;

＆＃39; /第1页＆＃39; || ＆＃39; /第2页＆＃39;

作为示例，任何人都可以协助分割多个值的正确方法。

这是我试图让它工作的脚本：

window.addEventListener("mercury:load", function(){ 

$(function(){

var currPath = window.location.pathname;

  $('.path').text('Current path is : '+ currPath);
    if(currPath == '/about-us'){
      $('.LogoContainerLight').hide();
      $('.NavButtons').addClass("NavButtonsActive");
    }else {
      $('.LogoContainerLight').show();
      $('.NavButtons').removeClass("NavButtonsActive");
    }

  })
});

我是这方面的新手，所以我可能会要求一些相当简单的东西 - 我也尝试过搜索。

我想要实现的目标：

if(currPath == '/about-us', '/services', '/page-url'){

提前致谢

Answer 1

有几种方法可以做到这一点，但我认为最优雅的是：

if (['/about-us', '/services', '/page-url'].includes(currPath)) {
  ...
}

代码不仅仅是遍历每个路径并检查它是否== currPath，并且更容易添加项目而不会创建不必要的长if语句。更古老的方法是：

if (['/about-us', '/services', '/page-url'].indexOf(currPath) !== -1) {
  ...
}

如何为var-jquery选择多个选项？

1 个答案: