我有一个WordPress主题,其中我在函数.php文件中包含了一个外部工具,使用的是‘lib/Packages/Tool/init.php’.在该工具中,我有一个src/TOOL.php文件,在其中我使用wp_enQueue_script函数将一些JavaScript脚本入队.JavaScript代码将某些表单域的位置随机化,但这些域应该在页面加载后立即从用户的视图中隐藏.但是,在页面加载后有一段时间,生成的字段可见,然后消失.

下面是我的src/tool.php文件中的相关代码:

public function enqueueScripts()
{
    $file_url = $this->file_path_to_url(dirname((__FILE__), 2));
    wp_enqueue_script('field-randomizer', $file_url . '/assets/js/field-randomizer.js', array(), '1.0.0', true);
}

我一直在try 使用wp_enqueue_script中的true参数异步地将脚本入队,但这并没有解决生成的字段在页面加载时短暂出现的问题.

除此之外,我还try 将脚本放入函数.php文件中,但问题仍然存在.

我想知道如何防止页面加载时生成的字段的这种短暂可见性.有没有一种方法可以确保在页面加载时快速执行并隐藏这些字段?

如果有任何关于优化脚本执行、使用异步加载或更改脚本排队方式的建议或建议,我们将不胜感激.谢谢!

推荐答案

一种方法是默认情况下使用css隐藏字段:

.your-field.hidden{
    display: none;
}

然后,在完成随机化逻辑后,在JS中删除默认隐藏:

$(".your-field.hidden").removeClass("hidden");

Php相关问答推荐

如何在Livewire中验证多个 Select 字段

编写WooCommerce多步骤签出

我需要多个SELECT语句的结果(使用由php ECHO创建的表中显示的Limit(X)

如何让PHP变量跨越多个脚本调用?

将客户重定向到自定义感谢页后的空白页

laravel中获取的数据会自动更改时间戳值

为什么只有最后一次点击的点赞/心形会按预期改变 colored颜色 ,而其他的保持正常 colored颜色 ?

设置WordPress最近的帖子小部件按修改日期排序

即使在WooCommerce购物车中添加了两次产品,也要将所有项目设置为空白行

将购物车按钮重定向到Checkout-Wooccommerce

Symfony框架锁定和.env设置

在WooCommerce购物车页面应用优惠券不会';t刷新总计

Font Awesome 加载图标未显示在 WooCommerce 管理员列表中

如何在 Laravel 中app文件夹之外的文件夹内创建文件路径?

Laravel 10 中的自定义类未找到

如何为自定义帖子类型的自定义角色提供功能

根据WooCommerce中的产品重量更改简单产品的输入数量步值

WooCommerce checkout 流程中基于所选选项添加自定义费用

在 PHP 中验证签名

遇到特定键时修改二维数组以创建嵌套数据集