2012-09-27 67 views
0

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

你能帮我实现这一目标?即使它是某种替代的解决方案:)

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

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

回答

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

太谢谢你了!我没有意识到我可以这样做! :) –

+0

这是在他们的主页http://dev.iceburg.net/jquery/jqModal/ –