淡入/淡出我的弹出窗口?

时间:2012-09-27 10:49:12

标签: jquery popup jqmodal

我正在使用jqModal并且它会执行我想要的所有操作,但是我想为显示和隐藏弹出窗口添加淡入淡出效果,它目前只是显示和隐藏,我发现它有点太突然了。问题是我已经尝试了一切以使其淡入但我没有任何运气。

你可以帮助我实现这个目标吗?即使它是某种替代解决方案:)

$('.trigger').click(function(){
   $('.jqmWindow').jqm({ ajax:'people'});
   $('.jqmWindow').jqmShow();
});

$('.jqmWindow').on('click', '.close', function(){
   $('.jqmWindow').jqmHide();
});

1 个答案:

答案 0 :(得分:1)

怎么样:

var myFadeIn=function(hash){
    hash.w.fadeIn("2000");
};

var myFadeOut=function(hash){
    hash.w.fadeOut("2000",function(){
        hash.o.remove(); 
    });
};

$('.trigger').click(function(){
    $('.jqmWindow').jqm({
        ajax:'people',
        onShow:myFadeIn,
        onHide:myFadeOut
    });
    $('.jqmWindow').jqmShow();
});

$('.jqmWindow').on('click', '.close', function(){
    $('.jqmWindow').jqmHide();
});