Woocommerce响应式装载机微调器

编程问答 2022-06-11

问题描述

  1. 我尝试使用100％纯CSS加载程序，它有效！但这并没有反应。
  2. 有一个JQuery函数可生成DIVs结构，该结构将加载加载程序，并在微调器加载之后消失，然后消失

如果我没记错的话，这是生成加载程序的库中的脚本块

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>');

这是脚本块的文件路径 \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文件中的代码，则可以将其行为更改为响应式。

有人可以帮忙吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

hook-woocommercewoocommerce-themingwordpress