Aggiunta di un collegamento con Jquery

Question

Sto tentando di aggiungere un collegamento alla mia pagina a seconda della pagina in cui ci si trova già. Sto usando Squarespace per costruire questo sito, quindi il modo più semplice per farlo è con Javascript o Jquery.

Penso che ci sia qualcosa di sbagliato in questa sintassi che mi manca. Ho già provato a uscire dalle virgolette con un \, ma non funzionava. Se sto solo inviando il testo, funziona bene, ma sembra che si rompa quando provo a farlo funzionare con un link.

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

Modifica: ho appena controllato e sembra che i collegamenti funzionino in Chrome, ma non in Firefox.

Un'altra modifica: il collegamento funziona anche in Safari. Immagino che il problema ora sia perché non in Firefox? C'è qualcosa in questo metodo che Firefox non supporta?

Answer 1

Il tuo codice sembra funzionare bene ma è possibile utilizzare else if dichiarazioni invece di nidificate if dichiarazioni:

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

Questo vuole essere un demo: http://jsfiddle.net/Rba6w/

Answer 2

vedere se questo funziona

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

Answer 3

Prova questo:

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