关闭对话框时的效果

正在使用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

关闭对话框时的效果

回答

相关问题