我有一个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执行、使用异步加载或更改脚本排队方式的建议或意见都将不胜感激。谢谢!
1条答案
按热度按时间31moq8wy1#
一种方法是默认情况下使用CSS隐藏字段:
字符串
然后在你的JS中,在你完成随机化逻辑之后,删除默认的隐藏:
型