0

jqueryアニメーションを作成しようとしています。

問題は、2 つの条件が満たされた場合にのみアニメーションをトリガーすることです。1. の場合(#element1).mouseleave==true and (#element2).mouseleave==true、関数をトリガーします。

$(document).ready(function(e) {
  $('#contact').add('#rt').mouseenter(function(){
     $('#contact').animate({bottom:'45px'}).add('#rt').animate({marginTop:'555px'});
     });
  if(($('#contact').mouseleave()==true)&& ($('#rt').mouseleave()==true)){
  $('#contact').animate({bottom:'-2px'}).add('#rt').animate({marginTop:'600px'});
}
});

mouseenter の機能は正しく機能しますが、問題は mouseleave イベントにあります。関数はトリガーされません。助言がありますか？

4

2 に答える 2

0

これを試して、

$(document).ready(function(e) {
    $('#contact').add('#rt').mouseenter(function(){
        $('#contact').animate({bottom:'45px'}).add('#rt').animate({marginTop:'555px'});
    });
    $('#contact').mouseleave(function(){
        $('#contact').animate({bottom:'-2px'}).add('#rt').animate({marginTop:'600px'});
    });
});

また

$(document).ready(function(e) {
    $('#contact').add('#rt').hover(function(){
        $('#contact').animate({bottom:'45px'}).add('#rt').animate({marginTop:'555px'});
    },function(){
        $('#contact').animate({bottom:'-2px'}).add('#rt').animate({marginTop:'600px'});
    });
});

ホバーを読む

于 2013-05-29T04:53:28.383 に答える