以下をループに入れる方法を見つけようとしていますが、あまり運がありません。
$('#start_01_trigger').mouseover(function() {
$('#start_01').css( "color", "#FFF" );
$('#start_01_trigger').fadeTo("100", 0.4);
});
$('#start_01_trigger').mouseout(function() {
$('#start_01').css( "color", "#68C3AD" );
$('#start_01_trigger').fadeTo("100", 0);
});
これはカレンダー アプリ用なので、31 回繰り返す必要があります。
キッカーは、これを構築するために Tumult Hype を使用していて、要素にクラスを割り当てることができないことです。ID のみを割り当てることができ、それぞれが一意です。
これが上記のループの最初の繰り返しで、2 回目は次のようになります。
$('#start_02_trigger').mouseover(function() {
$('#start_02').css( "color", "#FFF" );
$('#start_02_trigger').fadeTo("100", 0.4);
});
$('#start_02_trigger').mouseout(function() {
$('#start_02').css( "color", "#68C3AD" );
$('#start_02_trigger').fadeTo("100", 0);
});
ID の番号だけが変更され、他には何も変更されていないことがわかります。