模态关闭后开始动画

Question

我有一个模态框设置并使用 jQuery 片段控制。加载页面时，它会显示基本免责声明并设置 cookie。

    <script>
    $(function() {
        // a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore!
        $( "#dialog:ui-dialog" ).dialog( "destroy" );

        if ($.cookie('showDialog') == undefined || $.cookie('showDialog') == null || $.cookie('showDialog') != 'false') {
        $( "#dialog-message" ).dialog({
            open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); },
            modal: true,
             buttons:{ "OK": function() { $(this).dialog("close"); $.cookie('showDialog', 'false', { expires: 3650 });  } },
            draggable: false,
            resizable: false,
             width: 1000,
        });
        }    
});
    </script>

我还有一个 swiffy 对象，当页面加载时运行s，问题是如果显示免责声明，当有人点击关闭时 swiffy 动画已经运行它的课程。有没有办法修改我的代码片段，以便在用户点击关闭时启动快速动画？

Answer 1

我不知道代码的哪一部分应该启动快速动画，但您可以使用 jQuery UI 对话框中的关闭事件，如下所示：

$( "#dialog-message" ).dialog({
  //...
  close: function( event, ui ) {
      //start swiffy animation
  }
});

但是由于动画也应该在已经看到免责声明时开始，您可能还需要在检查 cookie 的 if 的其他情况下调用动画。

模态关闭后开始动画

Start animation after modal is closed

jquery

modal-dialog

google-swiffy