關閉對話框時的效果

正在使用Jquery Dialog框。在這個我有提交和關閉按鈕。我想爲關閉按鈕設置UI效果，如here。關閉對話框時的效果

我Dialog box代碼如下，

$(document).ready(function() { 
    $("#disableDivForm").dialog({ 
     autoOpen: true, 
     position: 'center', 
     height: 187, 
     width: 472, 
     modal: true, 
     show: { 
      effect: 'explode', 
      duration: 400 
     } 
    }); 
    $('#body').show(); 
});

裏面有一個disableDivForm關閉按鈕。代碼如下，

<div id="disableDivForm" name="disableDivForm"> 
    <input type="submit" id="cancelID" value="Close" onClick="return cancel()" class="but-bl2"/> 
</div> 

function cancel() 
{ 
    document.disableForm.action=" - myAction goes here - "; 
    document.disableForm.method="POST"; 
    document.disableForm.submit(); 
}

我嘗試了下面的代碼來實現效果。

$(document).ready(function(){ 
    $("#cancelID").click(function(){ 
     hide: {effect: 'explode', duration: 400} 
    }); 
});

但是，它不工作。我的對話框本身沒有打開。沒有Java Script錯誤。我已經放置了代碼.click功能<div id="disableDivForm">

來源

2012-10-25 Vikas V

要隱藏的效果，對話框或按鈕？ –

最後的snippset接縫不是有效的Javascript;我的意思是點擊處理程序內部代碼 – Stphane

@rajeshkakawat我想要對話框關閉效果。 –

檢查此提琴jsfiddle，可能是你想要的。您可以在初始化對話框期間添加隱藏效果

$("#disableDivForm").dialog({ 
    autoOpen: true, 
    position: 'center', 
    height: 187, 
    width: 472, 
    modal: true, 
    show: { 
     effect: 'explode', 
     duration: 400 
    }, 
    hide: { 
     effect: 'explode', 
     duration: 400 
    } 
});

來源

2012-10-25 11:22:38

關閉對話框時的效果

回答

相關問題