複数のセレクタが動作しない

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ではなくjquery-ui関数です。あなたは私はあなたがjQueryのUIのLIBを含める必要があり、あなたのコードはOKだった。この問題を修正しましたhere

$('#b2, #b3, #b4, #b5, #b6').hover(function(){ 
 

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

 

 

 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> 
 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> 
 
<div id="b2">div2</div> 
 
<div id="b3">div3</div> 
 
<div id="b4">div4</div> 
 
<div id="b5">div5</div> 
 
<div id="b6">div6</div>

Answer 2

効果方法に関する情報を入手することができます。あなたのコードで。私はそれがjQueryのHTMLコードにjqueryの-UIその後、最初のファイル

ロード..あなたを助けることを願っています...

<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が