2014-10-19 95 views
0

我目前正在生成超鏈接,因此我可以將人員重定向到正確的網頁。問題是,像一個超鏈接正確:href將額外信息添加到超鏈接

www.reddit.com/r/magicTCG/comments/2ific1/sam_pardee_on_the_modern_jeskai_ascendancy_combo/」

在href

,重定向我

EXP/RDT/WWW .reddit.com/r/magicTCG/comments/2ific1/sam_pardee_on_the_modern_jeskai_ascendancy_combo /'

其中,exp/rdt是我ftp上原始索引文件的路徑。

下面是我使用的代碼:

var hyperlink = "'www.reddit.com" + post.data.permalink + "'"; 

$("#searchesTable").append('<tr><td>' + post.data.title + '</td><td>' + post.data.ups + '</td><td>' + post.data.downs + '</td><td>' + formattedTime + '</td><td>' + post.data.subreddit + '</td><td>' + post.data.permalink + '</td><td><a href="' + hyperlink + '" ><button class="btn btn-success btn-xs">Visit!</button></a></td></tr>'); 

的問題,我認爲,來自這段代碼:

<td><a href="' + hyperlink + '" ><button class="btn btn-success btn-xs">Visit!</button></a></td> 

上的任何想法如何解決這個問題?

+2

添加http://你的鏈接 – mplungjan 2014-10-19 16:33:55

回答

1

您需要在URL前加上http://協議代碼。否則,瀏覽器將其視爲相對鏈接。

1

您必須添加的協議,你有太多的報價

var hyperlink = "http://www.reddit.com" + post.data.permalink; 
0

沒有理由對單引號

var hyperlink = "'www.reddit.com" + post.data.permalink + "'"; 

此外,除非您指定的協議的href是相對於當前路徑(除了領先的/ - 那麼它將相對於根路徑)。看起來the spec

下面是最少的代碼,使其工作:

var post = { 
 
    data: { 
 
    title: 'Lorem ipsum dolor', 
 
    ups: 15, 
 
    downs: 2, 
 
    subreddit: 'whatever', 
 
    permalink: '/r/magicTCG/comments/2ific1/sam_pardee_on_the_modern_jeskai_ascendancy_combo/' 
 
    } 
 
}; 
 

 
var formattedTime = 'Apr 12 2007'; 
 

 
var hyperlink = "http://www.reddit.com" + post.data.permalink; 
 

 
$("#searchesTable").append('<tr><td>' + post.data.title + '</td><td>' + post.data.ups + '</td><td>' + post.data.downs + '</td><td>' + formattedTime + '</td><td>' + post.data.subreddit + '</td><td>' + post.data.permalink + '</td><td><a href="' + hyperlink + '" ><button class="btn btn-success btn-xs">Visit!</button></a></td></tr>');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table id="searchesTable"> 
 
</table>

+0

只是一個簡單的問題:除了那些基本的副本OP的代碼,使得片段您答案看起來更大,這個答案帶來的新啓示是否已經被其他兩個答案所涵蓋? – mplungjan 2014-10-20 03:08:49

+0

@mplungjan在其他兩個答案中,只有您的答案已完成。這不是關於規模,而是關於質量。我提供觀察行爲的解釋,而不是僅僅投入解決方案。對你的問題是,當Scimonster的回答與你的評論沒有什麼不同並且不完整時,你爲什麼選擇我? – uKolka 2014-10-20 13:12:48

+0

除此之外,無論如何,這個問題可以作爲題外話閉上。因爲它幾乎是一個錯字。 – uKolka 2014-10-20 13:13:39