wheelnav.js中的刷新项

Question

我正在使用优秀的wheelnav.js，但是我很难获得更新的图标

我最初有2，但希望根据选择更新它。项目数由将更改的变量确定。所以首先我有(为了清晰起见略去的一些东西).

var wheelIcons = [icon.apple, icon.android];
mainNavWheel = new wheelnav('mainNavWheel');
mainNavWheel.createWheel(wheelIcons)

工作得很好，但是按一下按钮，我想更新项目的数量.

function setWheelItems(){
        wheelIcons = [icon.font, icon.resize2, icon.lock, icon.star, icon.pallete];
    mainNavWheel.refreshWheel();
    console.log("set wheel items");
}

我知道函数会因为我的控制台日志而被调用，但是车轮没有发生任何变化。我是不是遗漏了一些很明显的东西来得到要更新的项目数量?？

非常感谢

Answer 1

您必须使用removeWheel()来满足您的需求。

var wheel;
var wheelIcons;

window.onload = function () {
  wheelIcons = [icon.apple, icon.android];
  wheel = new wheelnav("wheelDiv");
  wheel.createWheel(wheelIcons);
};

function setWheelItems(){
  wheel.removeWheel();
  wheelIcons = [icon.font, icon.resize2, icon.lock, icon.star, icon.pallete];
  wheel = new wheelnav("wheelDiv");
  wheel.createWheel(wheelIcons);
}

这是一个JS Bin作演示。