Question

我有一个链接：

<a id="link-50" href="#">MyLink</a>

我为它的活动状态定义了一些css：

#link-50
{
  color:#eee;
}
#link-50:active
{
 color:#ddd;
}

我想以编程方式将link-50的颜色更改为#ddd，即我正在尝试更改链接以转到其活动状态。我认为调用click（）事件会这样做，但它似乎没有改变颜色。

我试过了：

#link-50.click();

我错过了什么吗？

Answer 1

你不能直接做，但你可以使用一个类

#link-50:active, #link-50.active
{
    color:#ddd;
}

然后使用 jQuery

切换它

$('#link-50').click(function() {
    $(this).toggleClass('active');
    // or...
    $(this).addClass('active');
    // or...
    $(this).removeClass('active');
});

Answer 2

点击该链接会将其更改为active，然后visited。请注意，active状态通常为mousedown状态。释放鼠标后，链接转到visited，按钮不再有效等等（请参阅此Fiddle Example）。

处理此问题的最佳方法是添加一个类来打开和关闭程序，这将应用颜色：

$('#link-50').toggleClass('active'); // turn color on/off

请参阅Fiddle。

Answer 3

试过这个？

$('#link-50').trigger('click');

http://api.jquery.com/trigger/（触发jQuery）

如何以编程方式将链接状态更改为：active？

3 个答案: