添加Jquery的链接

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/