轻弹切换css

Question

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，问题是会有轻弹。我试图将我的#block设置为不透明度并尝试使用过渡技巧，但它不起作用。如何解决闪烁问题？

Answer 1

如果您想使用不透明度：
在您的功能中，请执行以下操作：$('#block').addClass('trans-level');
在旧的旧CSS文件或当前的html页面中：

.trans-level{opacity:0;}

然后在你的新css文件中：

.trans-level{ opacity: 1;}