Question

当我尝试使用以下代码点击按钮时，我会尝试设置按钮的动画

                <script language="javascript">

        $(function() {
            $("#b01").focusin(function() {
                animate(".btnn", 'bounce');
                return false;
            });
        });

        $(function() {
            $("#b02").focusin(function() {
                animate(".bl02", 'bounce');
                return false;
            });
        });

        $(function() {
            $("#b03").focusin(function() {
                animate(".bl03", 'bounce');
                $("#b03").focusout();
                return false;
            });
        });

        function animate(element_ID, animation) {
            $(element_ID).addClass(animation);
            var wait = window.setTimeout( function(){
                $(element_ID).removeClass(animation)}, 1300
            );
        }
    </script>

我想要一种更好的编写代码的方法，这样如果按钮增加，我就不必为该按钮添加特定的功能。感谢

Answer 1

  $("#b02").focusin(function() {
                animate(".bl02", 'bounce');
                return false;
            });

应该是：

  $(".btn").focusin(function() {
                animate(this, 'bounce');
                return false;
            });

然后分配一个班级＆＃39; btn＆＃39;到你的所有按钮。

并且不要在所有地方这样做：

$(function() {

     /// ... put your code in here
});

它应该只发生一次 ..并将所有btn代码放在那里..

点击，动画按钮

1 个答案: