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对象，问题是如果免责声明显示，当某人点击关闭时，那个漂亮的动画已经运行了。有没有办法修改我的代码片段，以便在用户关闭时启动swiffy动画？

Answer 1

我不知道代码的哪一部分应该启动swiffy动画，但你可以使用jQuery UI Dialog中的close事件：

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

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

模态关闭后开始动画

1 个答案: