使用连续淡入淡出效果时与加载图像冲突

Question

在我的网站上，我添加了一个通讯按钮，该按钮具有连续闪烁效果（黑色到红色），使用jquery的淡化效果，效果很好。

请记住，我正在使用Ajax来获取页面内容而不刷新页面。

加载页面时，它会在页面加载时显示动画加载图像，并且其工作正常。

但是我注意到加载图像没有动画在IE上，我发现按钮的闪烁导致了这一点。

此问题仅存在于IE上。你有什么想法来解决这个问题吗？

我正在使用的代码是：

jQuery(document).ready(function($) {

//This function used to make the button flashing
flick();
    function flick(){
        $("#newsletter_btn1").fadeIn(1000,function(){
            $("#newsletter_btn1").fadeOut(1000,function(){flick();});         
        });
    }

//This part is showing the loading div and then hides the existing content then loads the page request then hides the loading image
// Loading image is .gif animated 

 $(".loading").fadeIn(100,function(){
                $mainContent.fadeOut(100,function(){
                    $.get(url, {"ajaxed": "true"} ,function(data, status, xmlHttp) {
                        var container = $("<div></div>");
                        container.html(xmlHttp.responseText);
                    var content = $(".inner",container).html();
                        $mainContent.html(content).fadeIn(900,function(){
                            $(".loading").fadeOut(1000);
                        });                        

                    });

                });
            });
});