Wordpress Woocmerce响应式装载机旋转器 我尝试使用100%纯CSS加载程序，它可以工作！但它没有反应 有一个JQuery函数，它生成加载加载程序的DIVs结构，在spinner加载之后，所有的desappears都会显示出来

如果我没有错的话，这是库中生成加载程序的scriptblock

if (opts.theme)
 lyr2 = $('<div class="blockUI blockOverlay ui-widget-overlay" style="z-index:'+ (z++) +';display:none"></div>');
else
 lyr2 = $('<div class="blockUI blockOverlay" style="z-index:'+ (z++) +';display:flex; background:red;border:none;margin:0;padding:0;width:100%;height:100%;top:0;left:0"></div>');

如果我们能找出这段代码在整个woocommerce文件中的位置，那么我们就可以改变他的行为

---

有人能帮忙吗？

没有必要修改live插件代码，特别是对于Woo commerce。还有另一种方法可以使其响应。方法是定制CSS。有关更多详细信息，无需特别为Woo commerce更改实时插件代码。还有另一种方法可以使其响应。方法是定制CSS。欲知详情

<div class="blockUI" style="display:none"></div>

<div class="blockUI blockOverlay" style="
z-index: 1000;
border:none;
margin: 0px;
padding: 0px;
width: 100%;
height:100%;
top: 0px;
left: 0px;
background: rgb(255,255,255);
opacity: 0.6;
cursor: default;
position: absolute;">
</div>