0

我从另一个用户那里分叉了一个 NBA 2K 随机球队选择器，并根据我的需要对其进行了调整。对于你们中的一个人来说，我被一些可能很简单的事情难住了。提前致谢。

单击“随机化”按钮时，将显示团队“名称”和“徽标”。我也添加了一个“名册”网址来显示，但我希望该网址可以点击进入新的选项卡/窗口。我似乎无法弄清楚。

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>
4

2 回答 2

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

于 2017-02-12T10:57:52.403 回答
1

我想你想要这个

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

于 2017-02-12T10:58:44.500 回答