我从另一个用户那里 fork 了一个 NBA 2K 随机球队选择器,并根据我的需要对其进行了调整。我对你们中的一个人来说可能很简单的事情感到困惑。提前致谢。
单击“随机化”按钮时,将显示团队“名称”和“ Logo ”。我也添加了一个“名册”网址来显示,但我希望该网址可以在新选项卡/窗口中单击。我似乎无法弄清楚。
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>
最佳答案
您没有“设法发布所有脚本和 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
关于javascript - HTML div 类条件 URL,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42186661/