Question

我在这里做了一些研究，我留下的印象是，如果关联的div类不在HTML中，则不会加载背景图像。这让我相信当使用addClass（）为div分配带有背景图像的类时，我需要刷新CSS以使图像加载。但是，它在没有刷新CSS的情况下显示出来。

在JavaScript中包含类会导致CSS预先加载图像，所以在添加类时它已经准备好了吗？如果没有，为什么背景图像可用而不刷新CSS？

HTML

/home/user/jena-fuseki-1.1.1/./s-put http://192.168.1.38:3030/ds/data **default** /home/user/data.ttl

CSS

    <body>
    <div class="no-class"></div>
    </body>

JS

    .background-image {
       background-image: url('image.png');
       background-size: 100% 100%;
     }

    .no-class {
       height: 500px;
       width:500px;
       background-color: red;
     }

Answer 1

重新安排课程

.no-class {
   height: 500px;
   width:500px;
   background-color: red;
}
.background-image {
   background-image: url('image.png');
   background-size: 100% 100%;
}

一定要包含Jquery

DEMO

如果你有超过1个元素与类.no-class ..使用 $（this）

$(document).ready(function () {
    $('.no-class').click(function() {
      $(this).toggleClass('background-image');
    });
 })

何时使用addClass（）时加载了背景图像？

1 个答案: