php JavaScript生成的字段在WP工具中的页面加载时短暂可见

m0rkklqb  于 2023-11-16  发布在  PHP
关注(0)|答案(1)|浏览(109)

我有一个WordPress主题,我在我的functions.php文件中包含了一个外部工具,使用require_once '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);
}

字符串
我一直在尝试使用wp_enqueue_script中的true参数异步地将脚本入队,但这并没有解决生成的字段在页面加载时短暂出现的问题。
除此之外,我还尝试在functions.php文件中排队脚本,但问题仍然存在。
我想知道如何防止页面加载时生成的字段的这种短暂可见性。有没有一种方法可以确保JavaScript代码快速执行并在页面加载时立即隐藏这些字段?
任何关于优化JavaScript执行、使用异步加载或更改脚本排队方式的建议或意见都将不胜感激。谢谢!

31moq8wy

31moq8wy1#

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

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

字符串
然后在你的JS中,在你完成随机化逻辑之后,删除默认的隐藏:

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

相关问题