Javascript 切换css时的轻弹

我尝试使用上面的代码切换css，问题是会有一个flick。我尝试将块设置为不透明度，并尝试使用过渡技巧，但没有效果。如何解决闪烁问题

如果要使用不透明度： 在函数中设置：$'block'.addClass'trans-level'； 在旧css文件或当前html页面中：

var loadCSS = function(id,page) {
    $('#block').css('opacity',1);

     $("link[type='text/css']").remove();

     var cssLink = $('<link rel="stylesheet" type="text/css" href="/'+id+'-item-' + page+ '.css">');
     $("head").append(cssLink); 

 };

然后在新的css文件中：

.trans-level{opacity:0;}

.trans-level{ opacity: 1;}