在Wordpress中调用JS函数，新手问题？

Question

我有一个简单的JavaScript函数

function hide()
{
    document.getElementById('div_sc_1').style.display = "none";
}

在我的主题文件夹/js文件中，我将

function add_scripts(){
    wp_enqueue_script( 'quest', 
        get_stylesheet_directory_uri().'/js/quest.js', 
        array('jquery'), 
        '1.0.0', 
        false
    );
}
add_action( 'wp_enqueue_scripts', 'add_scripts' );

在我的function.php里。

我可以从<input type="submit" onClick="hide();">调用我的函数

但是我想在我的function.php里做一些类似的东西

<?php
if(isset($_GET[xxx]))
{
<script>
hide()
</script>
}
?>

我不明白为什么它不能工作。

Answer 1

由于您直接将其添加到dom中，因此它可能会在目标元素存在之前运行，因此Javascript需要先有一个可用元素才能完成其工作。

您必须在文档完全加载后添加它，这样它才能工作。也许可以试试这个jQuery(document).ready(function($) { hide(); });

如果你在文档准备好之后添加它，那么Javascript将能够找到你的元素并执行相关的函数。