何が起こっているかに応じて、同じクラスのいくつかのadd/removeClass関数を設定しようとしています。それは機能しますが、問題は1つ(loadstartにバインドされた関数)が他の2つとは異なる長さの期間を必要とするため、パッティングtransition-duration
が機能しないことです。
#MyT{
height:786px;
width:1024px;
position:absolute;
z-index:2;
transition: opacity 1.0s linear;
-webkit-transition: opacity 1s linear;
margin-left:-8px;
margin-top:-16px;
}
.clear {
opacity: 0;
}
スクリプトは
$('#myVid').bind("ended", function(){
$('#MyT').removeClass('clear');
});
$('#myVid').bind("loadstart", function(){
$('#MyT').removeClass('clear');
});
$('#myVid').bind("playing", function(){
$('#MyT').addClass('clear');
});
助けてもらえますか?