我正在WordPress中工作，我已经从数据库中获取了多个数据并将它们放入了一个定位标记中。当我单击链接时，其颜色不会改变，因此我无法确定哪个链接处于活动状态？
我的CSS是：
.cd-popup-trigger:active {
color: #000;
}
我的代码是这样的：
<a href="0#" class="cd-popup-trigger" id="cd-popup-trigger_<?php echo $trow->ID; ?>">
<span class="tooltip-home-item" title="<?php echo get_post_meta( $trow->ID, 'wpcf-short-description', true );?>">
<img src="<?php echo $url; ?>" alt="<?php echo $trow->post_title; ?>" width="20px" height="20px" />
<label for="<?php echo $trow->post_name; ?>">
<?php echo $trow->post_title; ?>
</label>
</span>
</a>
而且，我使用jQuery在单击它时显示一个弹出框。而且我在鼠标悬停时使用了工具提示。如果您想查看我的网站，请访问这里。您可以在我的网站上的食物类型下进行检查。
好吧，现在您正在将css添加到您的活动状态及其工作状态。但是，如果您想添加样式，即使在单击后仍保留样式，则必须通过jQuery添加类。
jQuery('.cd-popup-trigger').click(function(){
jQuery('.cd-popup-trigger').removeClass('active');
jQuery(this).addClass('active');
});
我还没有测试过，但是它应该做的是在“ cd-popup-trigger”旁边分配一个类，然后单击其他元素，它将删除先前的一个并将其分配给新元素。
现在您只需要在CSS中设置样式
.cd-popup-trigger.active label {
color: red;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句