使用 Jquery 附加链接

我正在尝试根据您所在的页面添加指向我的页面的链接。我使用 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 不支持的吗？

您的代码似乎工作正常，但是您可以使用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/ http://jsfiddle.net/Rba6w/