各機能

Question

hiiページ内に680個のボタンがあり、それぞれの機能を使ってすべての機能を実行したいと考えています。ここでのコードは次のとおりです。

$("button#check_all").button().click(function(){ 
    btns=$(".viewport").find('.third_cat_chb');//here are all 680 btns 
    this_btn=$(this); 
    count=btns.size(); //680 
    cpt=0; 
    btns.each(function(){ 
     cpt += 100/count; 
     if($(this).is(".cat_chb_off")){ 
      $(this).trigger('click'); 
     } 
     $("#progressbar").progressbar({ value : cpt}); 
    }); 
    $("#progressbar").hide('slow'); 
}); 

問題は、私は私が間隔を設定するのではなく、一人で、オンラインの各ボタンを終了しないで、それらすべてを選択する]をクリックしたときにボタンが直ちに変更を見たいということです。 しかし実際には、サイトが35秒以上滞留していて、ボタンが突然変わったのがわかります。

Answer 1

が答えです：

//check buttons: 
$("button#check_all").button({ 
    icons: { 
     primary: "ui-icon-battery-3" 
    }, 
    text: false 
}).click(function(){ 
    btns=$(".viewport").find('.third_cat_chb'); 
    this_btn=$(this); 
    count=btns.size(); 
    move_over(0,1); 
}); 

function move_over(i, time){ 
    var btn = btns.eq(i); 
    cpt += 100/count; 
    if(btn.is(".cat_chb_off")){ 
     btn.trigger('click'); 
    } 
    $("#progressbar").progressbar({ value : cpt}); 

あなたが見ることができるように、私はすべてで、各使用しないでください！ のsetTimeout（関数（）{ move_over（++ I、時間）; }、時間）

}

Answer 2

問題はプログレスバーです。それぞれのループ内で値を設定するだけでなく、ループごとに初期化しています。

$("#progressbar").progressbar("option", "value", cpt); 

しかし、それはあなたが（プログレスバーやボタンで）変更を見れば、それは本当にのブラウザに依存します：

は、各値のみを設定する内部で、各外にプログレスバーを初期化しますあなたがループ内にいるときには、提案された変更を使って素早く処理し、通常ブラウザは新しいものをレンダリングしませんでした。ここ