2016-12-09 8 views
1

jqueryコードに問題があります。日付をクリックするとオーバーレイに追加情報が表示されるカレンダーの種類が作成されました。それはクロムでうまく動作します、それは私が欲しいものを正確に行いますが、日付をクリックすると何も起こりません。オーバーレイは表示されません。それとしばらくの間苦労しており、本当に助けが必要です。ここでは、コードは次のようになります。ここではClick機能がIEで動作しない - Jquery

$(document).ready(function() { 
    for(let i=0; i<50; i++) { 
     $("#calendar" + i).each (function() { 
      $(this).click (function() { 
       $("#calendar" + i).toggleClass("bigcalendar");  
      }); 
     }); 
    } 
}); 

は、実施例へのリンクです:jqueryの中

http://codepen.io/kmars/pen/BLbQoA

+0

ie version? – DZDomi

+1

'for'ループの目的は何ですか? – guest271314

+0

むしろ、それぞれの機能は何ですか –

答えて

2

使用属性セレクタ。 jQueryの動的要素をクリックするためのループの必要はありません。そして、以下のコードはすべてのブラウザで動作するはずです。

$(document).on('click','[id^=calendar]', function() { 
    $(this).toggleClass("bigcalendar"); 
}); 
+0

私は部分的にforループ部分に同意しますが、[#calendar]はすべて[div#calendar]に含めることができます。 – Lain

+0

作品、ありがとう - 私のヒーロー – Kmars

関連する問題