A:在空链接上活动不起作用
A:在空链接上活动不起作用
提问于 2013-10-06 12:00:04
我有一个没有加载新页面的链接按钮的表，但是它们只是使用onclick事件来隐藏/显示另一个表。然而，我需要高亮显示哪个按钮是活动的，但它不工作/当您单击并按住鼠标时，按钮会被高亮显示，但是当您放下鼠标时，它会再次褪色。
<div class="category2"><a href="#" onclick="showStuff('tabulka-adidas'); return false;">Adidas</a></div>
<div class="category2"><a href="#" onclick="showStuff('tabulka-nike'); return false;" >Nike</a></div>
<div class="category2"><a href="#" onclick="showStuff('tabulka-everlast'); return false;">Everlast</a></div>看这里的小提琴，http://jsfiddle.net/LnqbU/11/
如何突出显示当前活动的按钮？
谢谢
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-10-06 12:05:26
a:active是在单击链接时触发的样式(当您按住鼠标按钮时)。
您需要Javascript或jQuery来向链接中添加一个“活动”类。例如，对于jQuery：
HTML：
<div class="category2"><a class="linkButton" href="#" onclick="showStuff('tabulka-adidas'); return false;">Adidas</a></div>
<div class="category2"><a class="linkButton" href="#" onclick="showStuff('tabulka-nike'); return false;" >Nike</a></div>
<div class="category2"><a class="linkButton" href="#" onclick="showStuff('tabulka-everlast'); return false;">Everlast</a></div>jQuery：
$(".linkButton").on("click", function() {
$(".linkButton").removeClass( "active" );
$(this).addClass( "active" );
});我用上面的代码(检查这里)更新了您的小提琴，这也触发了父母的CSS。:)
Stack Overflow用户
发布于 2013-10-06 12:06:20
当您单击并按住鼠标时，按钮将被高亮显示，但当您删除鼠标时，它会再次褪色。
那是因为:active就是这样的已定义
“当用户激活元素时，将应用:active伪类。例如，用户在两次之间按下鼠标按钮并释放它。“
如何突出显示当前活动的按钮？
既然您已经在使用JavaScripot了，为什么不给它一个类，当它是“活动的”并通过它格式化它呢？
(当然，当一个新元素被激活时，从以前激活的元素中移除类。)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19208639
复制相关文章
相似问题
腾讯云开发者
