Wheelnav.js，不可点击的NavItems

Question

我已经开始使用Wheelnav.js了。目前我的轮子是通过按下和释放X来打开/关闭的。我也有一些悬停效果，我的问题是我的NavItems是可点击的。如果我点击一个项目，它是“选中的”，我不能再将鼠标悬停在它上面。

https://gyazo.com/29f73fd2fb0f8bbf1f634931686c3ec6

在本例中，我单击了Item1

Answer 1

您必须将selected属性设置为false并刷新轮子。

window.onload = function () {
    wheel = new wheelnav("wheelDiv");
    wheel.createWheel();
    wheel.animateFinishFunction = disableSelected;
};

var disableSelected = function () {
    for (var i = 0; i < this.navItemCount; i++) {
        if (this.navItems[i].selected) {
            this.navItems[i].selected = false;
            this.navItems[i].refreshNavItem(true);
        }
    }
}