javascript - 多个选择器不起作用

Question

我不明白为什么这不起作用。b 只是通过 setInterval 函数弹起，但在悬停时不弹起...

  $(document).ready(function(){ 
        $('#b2, #b3, #b4, #b5, #b6').hover(function(){
                $(this).effect("bounce", {times: 1}, "slow");
            });

        setInterval(function() {
                    $("#b2").delay(2000).effect("bounce", { times: 1 }, "slow");
                    $("#b4").delay(4000).effect("bounce", { times: 1 }, "slow");
                    $("#b6").delay(6000).effect("bounce", { times: 1 }, "slow");
                    $("#b3").delay(8000).effect("bounce", { times: 1 }, "slow");
                    $("#b5").delay(10000).effect("bounce", { times: 1 }, "slow");
                }, 1000);     

        });

Answer 1

我已经解决了这个问题，你的代码没问题，你需要包含 jquery UI 库。在你的代码中。我希望它能帮助你..

首先加载 Jquery 文件，然后将 jquery-ui 加载到您的 html 代码中...

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js[enter link description here][1]"></script>

Here正在运行 jsfiddle 示例