添加Jquery的链接

时间:2012-02-23 20:48:16

标签: javascript jquery append

我正在尝试根据您已经使用的页面添加指向我页面的链接。我正在使用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不支持这种方法吗?

3 个答案:

答案 0 :(得分:6)

您的代码似乎工作正常,但您可以使用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/

答案 1 :(得分:0)

看看是否有效

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>')
  }
 }
}

答案 2 :(得分:0)

试试这个:

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