インデックスiは、右のボタン

Question

http://gidzior.net/svg/pom01.htmlパネルは「＃右のパネル李」で、赤いボタンが「div.save」「＃の右パネルから

ボタンでクリックしてるたびに変化していますli 'はウィンドウを開き、' div.save 'ボタンを押して閉じると'＃right-panel li 'が再び開くはずです

1から9までの番号のボタンをクリックすると、スクリプトは0 1から9までのインデックスとインデックスは01,02,03です。インデックスを再びクリックすると、インデックスは001,002,003、...などとなります時間？ 01、02、03、04、05、06、07、08、09

//OPEN A WINDOW 
    $('#right-panel li').each(function(e){ 
     var i = $(this).index()+1; 
     $(this).click(function(){ 
      if(i<=9){ 
       i = "0"+i; 
      } 
      $('#pom01par'+i+'WraperAbsolute').fadeIn("fast"); 
      $('#pom02par'+i+'WraperAbsolute').fadeIn("fast"); 
      $('#pom03par'+i+'WraperAbsolute').fadeIn("fast"); 
      $('#pom04par'+i+'WraperAbsolute').fadeIn("fast"); 
      $('#pom05par'+i+'WraperAbsolute').fadeIn("fast"); 
      $(this).css('background','#adff84'); 
      $('.par'+i+'table').css('background','#adff84'); 
      return false; 
     }); 
    }); 


    // CLOSE A WINDOW 
    $('div.save').click(function(){ 
     $(this).parent().fadeOut("fast"); 
    }); 

Answer 1

私に飛び出し問題がある：あなたがiの値を変更している

if(i<=9){ 
    i = "0"+i; 
} 

。

代わりにクリック機能に別の変数を使用します。

$('#right-panel li').each(function(e){ 
     var i = $(this).index()+1; 
     $(this).click(function(){ 
      var this_i = i; 
      if(this_i<=9){ 
       this_i= "0"+i; 
      } 
      $('#pom01par'+this_i+'WraperAbsolute').fadeIn("fast"); 
      $('#pom02par'+this_i+'WraperAbsolute').fadeIn("fast"); 
      $('#pom03par'+this_i+'WraperAbsolute').fadeIn("fast"); 
      $('#pom04par'+this_i+'WraperAbsolute').fadeIn("fast"); 
      $('#pom05par'+this_i+'WraperAbsolute').fadeIn("fast"); 
      $(this).css('background','#adff84'); 
      $('.par'+this_i+'table').css('background','#adff84'); 
      return false; 
     }); 
    }); 

Answer 2

私はあなたがclick(関数のスコープでiを定義する必要があり、またはより良いyet-がすべてでそれを定義しないと思います：

$(this).click(function(){ 
var iAsString = $(this).index()+1 + "";    
if($(this).index()+1<=9){ 
       iAsString = "0"+iAsString; 
      } 

Answer 3

あなたがそのようなことをやっている理由を私は理解していないが、私は非常に短いソリューションが付属しています。 このよう

if(i<=9 && i.length==1){ 
    i = "0"+i; 
} 

あなたが数として、文字列としてi両方の値をチェックするつもりだ。この方法は条件を変更してください。

Answer 4

エラーについてはわかりません。

しかし、自分のインデックスを作成しようとしています。

変更

var i = $(this).index()+1; 

++私を入れてループの最後で

var i = 1; 

することにより、

$('#right-panel li').each(function(e){ 
...... 
i++; 
}