javascript - 使用 Jquery append 链接

Question

我正在尝试根据您已经在哪个页面添加指向我的页面的链接。我正在使用 Squarespace 来构建这个网站，所以对我来说最简单的方法是使用 Javascript 或 Jquery。

我认为我遗漏的这种语法有问题。我已经尝试用\打破引号，但那没有用。如果我只是输出文本，它工作正常，但当我尝试让它与链接一起工作时它似乎中断了。

 if(loc == pageOne) {
$("#pages").append("<div> <a href=\"http://design.optimus.com/projects?currentPage=2\">Next Page</a> </div>")
    }else{
  if(loc == pageOneB){
    $("#pages").append("<div> <a href=\"http://design.optimus.com/projects?currentPage=2\">Next Page</a> </div>")
  }else{
    if(loc == pageTwo){
     $("#pages").append("<div> <a href=\"http://design.optimus.com/projects\">Previous Page</a></div> ")
  }
 }
}

编辑:我刚刚检查过，链接似乎在 Chrome 中有效，但在 Firefox 中无效。

另一个编辑:所以链接在 Safari 中也有效。我想现在的问题是为什么不在 Firefox 中？ Firefox 不支持此方法吗？

Answer 1

您的代码似乎工作正常，但是您可以使用 else if 语句而不是嵌套的 if 语句:

if(loc == pageOne) {
    $("#pages").append("<div> <a href=\"http://design.optimus.com/projects?currentPage=2\">Next Page</a> </div>")
} else if (loc == pageOneB){
    $("#pages").append("<div> <a href=\"http://design.optimus.com/projects?currentPage=2\">Next Page</a> </div>")
} else if (loc == pageTwo){
    $("#pages").append("<div> <a href=\"http://design.optimus.com/projects\">Previous Page</a></div> ")
}​

这是一个演示:http://jsfiddle.net/Rba6w/