jQuery UI Dilog对话框Effect动画无效的原因
官方提供非常简单的dialog对话框的打开与关闭的动画效果示例:
<div id="dialog" title="Basic dialog"> <p>This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p> </div> <button id="opener">Open Dialog</button> <script> $(function() { $( "#dialog" ).dialog({ autoOpen: false, show: { effect: "blind", duration: 2000 }, hide: { effect: "explode", duration: 2000 } }); $( "#opener" ).click(function() { $( "#dialog" ).dialog( "open" ); }); }); </script>然而我执行后却没有效果,经检查,发现我用的jquery-ui.js是custom,即自定义,在http://jqueryui.com/download/可指定下载有用的组件功能,进而缩减jqui的体积(话说1.10.4.min达到223KB已经相当臃肿了),当时就把Effects去掉了,导致动画效果无效。勾选相关项目再下载,或直接使用完全版,效果就出来了,比原来毫无动画效果要好上不少。
附带官网的effect效果演示,逐个试试吧:http://jqueryui.com/effect/
相关文章
本文标签: javascript
本文作者:漫游
文章标题: jQuery UI Dilog对话框Effect动画无效的原因
本文地址:http://www.roammemo.com/Others/179.html
版权声明:若无注明,本文皆为“漫游的备忘录”原创,转载请保留文章出处。
本文地址:http://www.roammemo.com/Others/179.html
版权声明:若无注明,本文皆为“漫游的备忘录”原创,转载请保留文章出处。