$('#div1, #div2').click(function(){
//Code to execute onclick
});
$('#div1, #div2').hover(function(){
$(this).animate({
'filter':'alpha(opacity=100)',
'-moz-opacity':'1',
'-khtml-opacity':'1',
'opacity': '1'},
250,
function(){
$(this).animate({
'filter':'alpha(opacity=75)',
'-moz-opacity':'0.75',
'-khtml-opacity':'0.75',
'opacity': '0.75'},
500)
});
});
У меня есть два div, которые имеют событие click и hover, и оба имеют анимацию.Как я могу сделать так, чтобы когда пользователь наводил курсор на div: -
- the click event doesnt work until the hover animation is complete
- and then the hover animation doesnt work until the click animation is complete
В настоящий момент, если пользователь нажимает div1, а затем наводит курсор на div2 до завершения клика, это имеет нежелательный эффект,например, мигание и исчезновение вещей