Question

我编写了一个javascript / jQuery解决方案，以便将鼠标移离它后将hover css保留在一个Icon（元素）上，然后转移到悬停在元素触发器上的灯箱 - 我想保持Icon样式化，这样你就可以了可以看看是什么激活了灯箱。

在css中我使用：

#toolbar-content li:hover, .tt-li-text{
  color: rgba(255, 255, 255, 0.93);
  text-shadow: 1px 1px 1px #333333;
}

#toolbar-content li:hover用于原始悬停样式，.tt-li-text是我在jQuery addClass中使用的，如下所示：

$("#toolbar-content li:nth-child("+mi+") i").removeClass("tt-li-text");

完整的代码是：

function hvrOn(mi)
{   
// Select nth-child of menu array - e.g. passed by afterBoxStart: hvrOn(1)
$("#toolbar-content li:nth-child("+mi+")").addClass("tt-li"); //div
$("#toolbar-content li:nth-child("+mi+") i").addClass("tt-li-text"); //icon
 return true;
}
function hvrOff(mi)
{
// Select nth-child of menu array - e.g. passed by afterBoxEnd: hvrOff(1) 
$("#toolbar-content li:nth-child("+mi+")").removeClass("tt-li");
$("#toolbar-content li:nth-child("+mi+") i").removeClass("tt-li-text");
return true;
}

我的问题是，是否有可能以某种方式重用addClass中的原始css类名#toolbar-content li:hover，或者它应该只是我现在这样做的方式 - 使用第二个名称而不：悬停？

已经伪装的jQuery addClass类（：hover）

0 个答案: