2017-02-12 23 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>