Javascript 我的脚本只运行一次，我希望在不重新加载html页面的情况下运行无限次动画 $（文档）.ready（函数（）{ $（“.box”）。在（“单击”，函数（）{ $（“.container”）.addClass（“动画rollIn”）； //$（“.container”）.addClass（“rollIn”）；我们得到了相同的结果 }); $（“#加入我们按钮”）。在（“单击”，函数（）{ $（this.addClass（“动画抖动”）； }); });_Javascript_Jquery_Html_Events_Click

Javascript 我的脚本只运行一次，我希望在不重新加载html页面的情况下运行无限次动画 $（文档）.ready（函数（）{ $（“.box”）。在（“单击”，函数（）{ $（“.container”）.addClass（“动画rollIn”）； //$（“.container”）.addClass（“rollIn”）；我们得到了相同的结果 }); $（“#加入我们按钮”）。在（“单击”，函数（）{ $（this.addClass（“动画抖动”）； }); });

javascript jquery html events

Javascript 我的脚本只运行一次，我希望在不重新加载html页面的情况下运行无限次动画 $（文档）.ready（函数（）{ $（“.box”）。在（“单击”，函数（）{ $（“.container”）.addClass（“动画rollIn”）； //$（“.container”）.addClass（“rollIn”）；我们得到了相同的结果 }); $（“#加入我们按钮”）。在（“单击”，函数（）{ $（this.addClass（“动画抖动”）； }); });,javascript,jquery,html,events,click,Javascript,Jquery,Html,Events,Click,为什么当我单击html页面的框和按钮时，这两个函数只在第一次（仅一次）执行？你有什么解决办法吗？我在这里搜索了很多主题，但没有解决问题注：如果有任何错误，请原谅，这是我第一次发布主题尝试使用它，在setTimeout div1 滚进来摇一摇 $（文档）.ready（函数（）{ $（“.box”）。在（“单击”，函数（）{ $（“.container”）.removeClass（“动画rollIn”）； setTimeout（函数（）{ $（“.container”）.addClass（“

为什么当我单击html页面的框和按钮时，这两个函数只在第一次（仅一次）执行？你有什么解决办法吗？我在这里搜索了很多主题，但没有解决问题

注：如果有任何错误，请原谅，这是我第一次发布主题

尝试使用它，在

setTimeout

div1
滚进来
摇一摇
$（文档）.ready（函数（）{
$（“.box”）。在（“单击”，函数（）{
$（“.container”）.removeClass（“动画rollIn”）；
setTimeout（函数（）{
$（“.container”）.addClass（“动画rollIn”）；
},1);
});
$（“#加入我们按钮”）。在（“单击”，函数（）{
var按钮=$（此按钮）；
按钮。removeClass（“动画抖动”）；
setTimeout（函数（）{
addClass（“动画震动”）；
},1);
});
});

尝试使用此选项，将类添加到

setTimeout

div1
滚进来
摇一摇
$（文档）.ready（函数（）{
$（“.box”）。在（“单击”，函数（）{
$（“.container”）.removeClass（“动画rollIn”）；
setTimeout（函数（）{
$（“.container”）.addClass（“动画rollIn”）；
},1);
});
$（“#加入我们按钮”）。在（“单击”，函数（）{
var按钮=$（此按钮）；
按钮。removeClass（“动画抖动”）；
setTimeout（函数（）{
addClass（“动画震动”）；
},1);
});
});

您的意思是要在第二次单击时删除这些类吗？如果是，那么您应该使用

toggleClass

而不是

addClass

请澄清您的问题。您是否在问为什么它们在文档的生命周期中只执行一次？或者您正在询问如何切换该类。一旦添加了一个类，再次添加该类将不会起任何作用。不，两次单击事件只会生成一个html框和一个正在设置动画的按钮。我希望这种情况不仅发生一次，而且多次发生，当然不需要重新加载页面。您的意思是在第二次单击时删除这些类吗？如果是，那么您应该使用

toggleClass

而不是

addClass

请澄清您的问题。您是否在问为什么它们在文档的生命周期中只执行一次？或者您正在询问如何切换该类。一旦添加了一个类，再次添加该类将不会起任何作用。不，两次单击事件只会生成一个html框和一个正在设置动画的按钮。我希望这种情况不仅发生一次，而且多次发生，当然不需要重新加载页面。哦！！！！现在成功了！setTimeout是jquery库的一个函数？我应该学会操纵它。我以为它很简单，但最后有点复杂。非常感谢你，迈莉！欢迎光临

setTimeout

是本机javascript函数，第二个参数是以毫秒为单位的时间！！！！现在成功了！setTimeout是jquery库的一个函数？我应该学会操纵它。我以为它很简单，但最后有点复杂。非常感谢你，迈莉！欢迎光临

setTimeout

是本机javascript函数，第二个参数是以毫秒为单位的时间

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Animations</title>


    <link rel="stylesheet" type="text/css" href="css/animate.css">

    <script src="js/jquery.js"></script>

    <script type="text/javascript">


      $(document).ready(function(){

            $(".box").on("click", function(){

              $(".container").addClass("animated rollIn");
             //$(".container").addClass("rollIn"); we have the same result


            });



            $("#join_us button").on("click", function(){

              $(this).addClass("animated shake");

            });


        });

    </script>
</head>