jquery - SetInterval を使用した jQuery Knob が 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);