2017-02-12 54 views
0

我從另一個用戶分岔出一個NBA 2K隨機團隊選擇器,並根據我的需要調整它。我很難爲你們中的一個人做些簡單的事情。提前致謝。HTML div class條件網址

當點擊「Randomize」按鈕時,會顯示團隊名稱和標識。我添加了一個「花名冊」網址來顯示,但我希望該網址可點擊進入一個新的標籤頁/窗口。我似乎無法弄清楚。

https://codepen.io/nick-c/pen/dNwMaZ

下面僅僅是HTML。我無法設法發佈所有的腳本和CSS。

<div class='container'> 
    <div class='title'> 
    <img src='http://fluidesign.co.uk/wp content/uploads/2016/12/NBA_2K17_logo.png'/> 
    </div> 
    <div class='team home'> 
    <h3>Home</h3> 
    <div class='logo'></div> 
    <div class='name'>?</div> 
    <div class='roster'>Click for Rosters</div> 
    <div class='random'>Randomize</div> 
    </div> 
    <div class='team away'> 
    <h3>Away</h3> 
    <div class='logo'></div> 
    <div class='name'>?</div> 
    <div class='random'>Randomize</div> 
    </div> 
    <div class='vs'>vs</div> 
    <div class='clear'></div> 
</div> 

回答

1

您沒有「設法發佈所有腳本和CSS」?將它粘貼到一個codepen或粘貼到StackOverflow的代碼片斷工具中的區別在哪裏?反正...

您目前只是設置鏈接作爲行文字:

$(".home .roster").text(teams[index].roster); 

但是想要做的是將其添加爲鏈接:

$(".home .roster").html('<a href="' + teams[index].roster + '" class="divLink" target="_blank">Webpage URL</a>'); 

易,嗯? ;)看到這裏codepen你的工作叉:https://codepen.io/anon/pen/xgmEOm

+0

對不起,我新,因此沒有發表超過2網址,禁止我從發佈整個代碼。我已經添加了您的建議,並且完全按照我的意願工作。非常感謝 –

1

我想你想這

<a href="link-here" target="_blank">example</a>