jquery - 带有 SetInterval 的 jQuery 旋钮会破坏 CSS

Question

前几天我遇到了 jQuery Knob，它非常适合我正在进行的项目。很棒的工作安东尼：

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

我需要实现的是循环通过 $.each(data, function... 循环或 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);