Javascript JQuery行不'；CSS源代码更改后无法执行

我带着一个只有Firefox浏览器才会出现的问题来找你。 我有一个加载图片系列的页面，可以是白色背景，也可以是黑色背景，具体取决于某个值

$（“#selback”）。val（）==“黑色”

因此，通常情况下，对于“白色”版本，当页面加载时，它会进行一些大小调整，然后显示图像滑块容器，然后显示该滑块的特定图像。 对于“黑色”版本，我首先更改CSS

src

和页面中的一些其他元素，然后执行与上面完全相同的操作：显示图像滑块，然后显示此滑块的特定图像

好吧，除了Firefox中的最后一部分（图像滑块和图像显示）没有出现外，它在任何地方都可以工作，尽管没有检测到错误

我将在下面向您展示代码的重要部分

var css=""; 
if ($("#selback").length){          
    if ($("#selback").val()=="black"){
        css = "black";          
        $('#style-css').attr('href','<?php echo get_stylesheet_directory_uri(); ?>/style_black.css?v=<?= time() ?>');
        /* other image src changes here */
    }
}       
if ($(".slider_inner").length){$(".slider_inner").fadeIn(2000, function(){console.log("Slider displayed");});} // LOG DISPLAYED BUT NOT EFFECTIVE
if ($(".slider").length){
    var cur = $(".slider .slide").last();
    cur.fadeIn(2000,function(){console.log("Picture displayed");}); // LOG DISPLAYED BUT NOT EFFECTIVE 
    /* other stuff here */
}

和

style.css中的相同部分

.slider {position:relative;width:100%;height:1100px;overflow:hidden;background-color:#ddeeff;box-sizing:border-box;}
.slider_prev {position:absolute;top:45%;left:0em;width:15px;height:28px;background-image:URL('./img/ico_prev_white.png');background-repeat:no-repeat;background-position:center center;background-size:100%;z-index:1;opacity:.5;transition:opacity .5s;cursor:pointer}
.slider_next {position:absolute;top:45%;right:2em;width:15px;height:28px;background-image:URL('./img/ico_next_white.png');background-repeat:no-repeat;background-position:center center;background-size:100%;z-index:1;opacity:.5;transition:opacity .5s;cursor:pointer}
.slider_prev:hover, .slider_next:hover {opacity:1}
.slider_inner {display:none;position:relative;width:1200px;height:1100px;box-sizing:border-box;background-color:#ffeedd}
.slider .slide {display:none;position:absolute;top:0;left:0;background-color:transparent;background-repeat:no-repeat;background-position:center center;background-size:contain;cursor:pointer}

.slider {position:relative;width:100%;height:1100px;max-height:1100px;overflow:hidden;background-color:#fff;box-sizing:border-box}
.slider_prev {position:absolute;top:45%;left:0em;width:15px;height:28px;background-image:URL('./img/ico_prev.png');background-repeat:no-repeat;background-position:center center;background-size:100%;z-index:1;opacity:.5;transition:opacity .5s;cursor:pointer}
.slider_next {position:absolute;top:45%;right:2em;width:15px;height:28px;background-image:URL('./img/ico_next.png');background-repeat:no-repeat;background-position:center center;background-size:100%;z-index:1;opacity:.5;transition:opacity .5s;cursor:pointer}
.slider_prev:hover, .slider_next:hover {opacity:1}
.slider_inner {display:none;position:relative;width:1200px;height:1100px;max-height:1100px;box-sizing:border-box}
.slider .slide {display:none;position:absolute;top:0;left:0;background-color:#fff;background-repeat:no-repeat;background-position:center center;background-size:contain;cursor:pointer}

你能在FF中的开发工具中看到任何CSS问题吗？我们也需要看到相关的CSS部分。还是仅仅是浏览器的缓存问题？@ovokuro我编辑了我的帖子来显示csspart@A.Wolff这不是缓存问题，因为正如您所提到的，css在
style_black.css
中刷新（每次测试前我清空缓存），
滑块
和
。内部滑块
没有
最大高度
和
。滑块
具有透明的
背景色
。我只能看到不同之处，有什么帮助吗？