$(document).ready(function() {
var timer;
var click = function() {
$('div button').trigger('click');
}
$('div button').click(function(){
//animation
}
$('div').live('mouseover mouseout', function(event) {
if (event.type == 'mouseover') {
clearInterval(timer);
}
else {
timer = setInterval(click, 1000);
}
});
});
上記のように、マウスアウト時にsetIntervalを機能させ、マウスオーバー時に停止させようとしています。現時点ではコードは機能していますが、ページの読み込み後にアニメーションが開始されません。そのため、div をマウスオーバーし、マウスアウトすると、アニメーションが開始されます。
変更方法は?