javascript - 执行完 location.search 和decodeURIComponent 之后将类添加到 div

Question

我想向 <li> 添加一个“active”类当单击时(如选项卡)。 CoffeeScript 将搜索 URL 并重置哈希 URL 以向页面提供内容。我用$("."+key).addClass("active")选择每个选项卡时添加类。但 key 的初始值未定义，因此在 javaScript 控制台中出现 jQuery Uncaught Error: Syntax error, unrecognized expression:. .

在这种情况下如何为 key 提供初始值，因为页面总是在 location.search 之后重新加载？

HTML:

<nav>
  <ul class="nav">
      <li class = "sherlock"><img src="logo1.png" ></a></li>
      <li class = "aesop"><img src="logo2.png" ></a></li>
  </ul>
</nav>

CoffeeScript :

$ ->
  key = decodeURIComponent(location.search).replace("?","")

  $("."+key).addClass("active")

  $("nav").on "click",".sherlock", ->
    key = "sherlock"
    location.replace("#")
    location.search = encodeURIComponent(key)


  $("nav").on "click",".aesop", ->
    key = "aesop"
    location.replace("#")
    location.search = encodeURIComponent(key)

Answer 1

在继续之前检查 key 是否未定义:

key = decodeURIComponent(location.search).replace("?","")

    if (typeof key !== "undefined"){
        // your code here.
    }

如果 key 在其他地方定义但可能为空或 null，您还可以使用 if (key){//Your code here }。