Javascript 用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> ")
  }
 }
}

if（loc==pageOne）{
$（“#页”）。追加（“”）
}否则{
如果（loc==pageOneB）{
$（“#页”）。追加（“”）
}否则{
如果（loc==第二页）{
$（“#页”）。追加（“”）
}
}
}

编辑：我刚刚检查了一下，这些链接似乎在Chrome中工作，但不是Firefox

另一个编辑：所以这个链接也在Safari中工作。我想现在的问题是为什么不在Firefox中？Firefox不支持这种方法吗？

看看这种方法是否有效

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

if（loc==pageOne）{
$（“#页”）。附加（“”）
}否则{
如果（loc==pageOneB）{
$（“#页”）。附加（“”）
}否则{
如果（loc==第二页）{
$（“#页”）。附加（“”）
}
}
}

您的代码似乎工作正常，但是您可以使用

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> ")
}​

if（loc==pageOne）{
$（“#页”）。追加（“”）
}否则如果（loc==pageOneB）{
$（“#页”）。追加（“”）
}否则如果（loc==第二页）{
$（“#页”）。追加（“”）
}​

这里有一个演示：

试试这个：

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;
}

开关（loc）
{
案例第一页：
$（“#页”）。附加（“”）；
打破
案例第二页：
$（“#页”）。附加（“”）；
打破
案例第二页：
$（“#页”）。追加（“）；
打破
}

在append语句中使用单引号，并在文本中保留双引号（不转义）。例如：

$（“#页面”）。append（“”）

它不起作用。在我至少收到文本之前，它没有显示任何内容。谢谢，我会更改它。我的代码在除FIREFOX之外的所有浏览器中都能正常工作？我不知道为什么。它显示文本，但不是链接。在其他浏览器中，它链接到下一页。@patricko那么你的问题可能是你的

loc

valFirefox中的ue与其他浏览器中的ue不同。在您的

if

语句之前，放置

console.log（loc）

（或

alert（loc）

）以查看不同浏览器中的值。您可能希望使用

pageOne

/

pageOneB

/

pageTwo

变量执行此操作（我不确定它们是如何设置的，但最好看看你实际上在处理什么）。loc值现在是URL，我通过调用

窗口来获取。位置
在firefox中不同吗？在firefox和Chrome中发出警报时，我得到的URL是相同的。但是firefox中的链接仍然无效。我不明白为什么会发生这种情况。让我们来看看