jquery - 淡入/淡出我的弹出窗口？

Question

我正在使用 jqModal，它可以做我想做的一切，但是我想添加一个淡入淡出效果来显示和隐藏弹出窗口，它目前只是显示和隐藏，我觉得它有点太突然了。问题是我已经尽一切努力让它淡入淡出，但我没有任何运气。

你能帮我实现这个吗？即使它是某种替代解决方案:)

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

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

Answer 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();
});