带有SetInterval的jQuery Knob打破了CSS

Question

前几天我遇到了jQuery Knob，这对我正在进行的项目来说非常完美。令人敬畏的工作安东尼：

目标是使用从存储所需数据的对象数组中收集的数据创建一个旋钮并在页面上显示。

我需要实现的是循环遍历$ .each（数据，函数...循环或for循环，每个循环之间有一个暂停。

这样的事情：

 (function($) {

  $.each(data, function(i, item) {
    buildPage(item);
    // Use a delay here of x number of seconds before looping again
  }

 )(jQuery);

我尝试了setIntervals和setTimeout，我确实让它在一个阶段工作，但是jquery-knob.js文件的所有css都不会加载，这是绘制旋钮时的重要部分。

在开发方面，我仍然很绿，所以任何带解释的例子都会有所帮助。感谢。

最后，我使用下面的代码实现了预期的效果，将变量解析为页面刷新，但这只是一个解决方法。

  var page = getUrlVars('page') || 0;

   // Go time!!!
    (function($) {
console.log('document ready');  

buildPage(data[page]);

if(page == data.length - 1) {
    page = 0;
} else {
    page = parseInt(page) + 1;
}

setTimeout(function() {
    window.location.href = 'index.html?page='+page;
}, 5000);
  })(jQuery);