旋转并保持字体真棒图标的位置

Question

我希望菜单中带有图标

的here所示的确切功能

到目前为止，我有：

1. Navbar就位
2. Fontawesome Icon（fa-angle-down）到位
3. 图标会旋转，但只有当鼠标悬停在图标上时，我希望它能够在鼠标悬停在＆＃34; li＆＃34;上时旋转。菜单项。此外，当鼠标进入下拉列表项时，旋转图标应保持原样。
到目前为止

代码：JSFiddle

$("li.dropdown > a > i").hover(
    function () {
        $(this).addClass("gxcpl-fa-rotate-45");
    },
    function () {
        $(this).removeClass("gxcpl-fa-rotate-45");
    }
);

Answer 1

您只定位图标：

head

您需要定位 $("li.dropdown > a > i").hover( ，然后将该类应用于其子<li>：

<i>

查看小提琴here