你的位置: 首页 > 其它杂文 > 正文
jQuery UI Dilog对话框Effect动画无效的原因
作者:漫游   分类: 其它杂文    时间:2016-2-26 14:06   热度:2449°   字号:        评论:0 
作者:漫游   分类: 其它杂文    时间:2016-2-26 14:06   热度:2449°  评论:0 条 

官方提供非常简单的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
版权声明:若无注明,本文皆为“漫游的备忘录”原创,转载请保留文章出处。
返回顶部    首页    手机版本   
版权所有:漫游的备忘录    站长: 漫游    模板基于:博闻广记 v1.2   程序:emlog