1

私はその質問のためにjQueryに精通していません。私のプロジェクトにあるいくつかのアニメーション化されたボタンには、次のコードがあります。

$('.slideshow_thumbOutline').on('mouseenter', function(){
    $(this).animate({'border-color':'#000000'}, 150);
  });

  $('.slideshow_thumbOutline').on('mouseleave', function(){
    $(this).animate({'border-color':'#ffffff'}, 150);
  });

  $('.slideshow_thumbOutline').on('click', function(){
    $(this).animate({'background-color':'#000000'}, 150,
      function(){
        $(this).animate({'background-color':'#ffffff'}, 150);
      }
    );
  });

... mouseenter/mouseleave/click イベント。これで7本ほど持っています。

質問: 繰り返しを避けるために、これを標準化するにはどうすればよいですか?

ありがとう。

ペドロ

4

2 に答える 2

2

すべてのイベントを 1 つのon関数内に配置できます。

$("body").on({
    mouseenter: function() {
        $(this).animate({'border-color':'#000000'}, 150);
    },
    mouseleave: function() {
        $(this).animate({'border-color':'#ffffff'}, 150);
    },
    click: function() {
        $(this).animate({'background-color':'#000000'}, 150,
            function(){
                $(this).animate({'background-color':'#ffffff'}, 150);
            }
        );
    }
}, ".slideshow_thumbOutline");
于 2013-04-22T08:57:09.143 に答える