jquery中的彈跳效果不起作用？

當我單擊使用JQuery的圖像時，我無法使我的反彈效果起作用。它只是不會反彈。我在下面提供了我的代碼。jquery中的彈跳效果不起作用？

<script type="text/javascript" src="js/jquery.js"></script> 

<a href="#"><img id="cog" src="images/icons/cog.png" alt="User Settings"/></a> 

$(document).ready(function() { 
    $("#cog").click(function() { 
     $(this).effect("bounce", {times: 3}, 500); 
    }); 
});

來源

2011-04-13 Dennis Martinez

你運行的是哪個版本的jquery？ – jondavidjohn 2011-04-13 03:03:52

標準jquery庫中沒有「效果」函數。 – 2011-04-13 03:04:10

這是因爲它是jQuery UI包的一部分。

嘗試加入這一行

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

來源

2011-04-13 03:02:33 jondavidjohn

太棒了！這次真是萬分感謝！ - 我可以在10分鐘內接受答案。：\ – 2011-04-13 03:04:09

在這裏看到小提琴：http://jsfiddle.net/maniator/zpg5S/ – Neal 2011-04-13 03:04:37

很高興我能幫到你 – jondavidjohn 2011-04-13 03:18:52

特效是jQueryUI，不是jQuery的一部分。

來源

2011-04-13 03:04:06

jquery中的彈跳效果不起作用？

回答

相關問題