Thêm liên kết với Jquery

Question

Tôi đang cố gắng thêm liên kết vào trang của mình tùy thuộc vào trang bạn đang truy cập. Tôi đang sử dụng Squarespace để xây dựng trang web này, vì vậy cách dễ nhất để tôi làm điều này là với Javascript hoặc Jquery.

Tôi nghĩ có gì đó sai với cú pháp này mà tôi đang thiếu. Tôi đã cố gắng thoát ra khỏi các dấu ngoặc kép bằng \, nhưng điều đó không hiệu quả. Nếu tôi chỉ xuất văn bản, nó hoạt động tốt, nhưng nó dường như phá vỡ khi tôi cố gắng và làm cho nó hoạt động với một liên kết.

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

Chỉnh sửa: Tôi vừa kiểm tra và các liên kết dường như đang hoạt động trong Chrome chứ không phải Firefox.

Một chỉnh sửa khác: Vì vậy, liên kết cũng đang hoạt động trong Safari. Tôi đoán vấn đề bây giờ là tại sao không có trong Firefox? Có điều gì đó về phương pháp này mà Firefox không hỗ trợ không?

Answer 1

Mã của bạn dường như làm việc tốt tuy nhiên bạn có thể sử dụng else if báo cáo thay vì lồng nhau if báo cáo:

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

Dưới đây là một bản demo: http://jsfiddle.net/Rba6w/

Answer 2

xem nếu công trình này

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

Hãy dùng thử:

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