2015-03-13 103 views
0

我有一個模式框設置,並使用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與對象。有沒有辦法修改我的代碼片段,以便在用戶關閉時啓動swiffy動畫?

+1

嗯..是的,你可以把這個'swiffy'的執行放在''OK''回調中 – skip405 2015-03-13 10:08:58

回答

1

我不知道這部分代碼應該啓動Swiffy與動畫,但你可以從jQuery UI的對話框使用關閉事件是這樣的:

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

但由於動畫也應該開始當已經看到免責聲明時,您可能還需要在檢查cookie的其他情況下調用動畫。