被动式装载机

Question

1. 我尝试使用100%纯CSS加载器，它工作！但没有反应。
2. 有一个JQuery函数，它生成加载加载程序的DIVs结构，在旋转器加载之后，所有这些都消失了。

如果我没有错，这是库中生成Loader的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>');

这是scriptblock \wp-content\plugins\woocommerce\assets\js\jquery-blockui\jquery.blockUI.js的文件路径

下面是在加载时刻生成的代码：

<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>

如果我们能够发现整个woocommerce文件中的代码在哪里，那么我们就可以将他的行为更改为响应。

有人能帮忙吗？

Answer 1

没有必要修改实时插件代码，特别是对于Woo商业。还有另一种方法可以让它响应。方法是自定义CSS。有关更多细节，自定义css