正在刷新 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 for demo.

正在刷新 wheelnav.js 中的项目

Refreshing Items in wheelnav.js

javascript

wheelnav.js