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中的刷新项目

1 个答案: