多个选择器不工作

我不明白为什么这不起作用。的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);  

     });

来源

2017-06-18 Christian Weisenburger

'效果不是function' BTW 。你可以请一个jsfiddle或codepen或什么的？我无法猜测你的'效果'函数中发生了什么。 –

你解决了这个问题吗？ – hasan

这里是更新的代码。效果是jquery-ui函数，而不是jquery。您可以获取有关效果的方法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>

来源

2017-06-18 20:17:28 hasan

我已经修复了这个问题你的代码是确定你需要包括jQuery UI的LIB更多信息。在你的代码中。我希望它会帮助你..

加载jQuery的文件，然后先jQuery的用户界面到您的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例如

来源

2017-06-19 07:51:14

多个选择器不工作

回答

相关问题