[英]slideToggle with bounce effect not working
当div上下滑动时,我尝试创建有效反弹的每种方法均无效。 任何帮助将不胜感激!
这是我的代码
$(document).ready(function() { $('#button').click(function() { $("#div").slideToggle(); $("#div").effect('bounce', 300); }); });
div#div { width: 100px; height: 100px; background: #ccc; border: 1px solid #000; position: relative; display: none; top: 30px; left: 0; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button id="button">click</button> <div id="div"></div>
谢谢你的帮助!
您写的内容符合预期。 但是,由于这不是jQuery主API的一部分,因此还需要包括UI脚本。
更新了jsFiddle: https ://jsfiddle.net/1gu4u8dp/
可能是:
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
(最好制作本地副本)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.