HTML div类条件URL

时间:2017-02-12 10:50:30

标签: javascript html css codepen

我从另一个用户那里挑选了一个NBA 2K随机队员选秀权,并根据我的需要调整它。我为你们中的一个人感到难过。提前谢谢。

当"随机化"点击按钮,团队名称"和" logo"显示。我添加了一个"名单" url也要显示,但我希望该URL可以点击到新的选项卡/窗口。我似乎无法弄明白。

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>

2 个答案:

答案 0 :(得分: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>');

很简单,对吧? ;)在这里查看代码集的工作分支:https://codepen.io/anon/pen/xgmEOm

答案 1 :(得分:1)

我想你想要这个

&#13;
&#13;
<a href="link-here" target="_blank">example</a>
&#13;
&#13;
&#13;