Question

我有简单的JavaScript函数

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

在我放置的themefolder / 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将能够找到您的元素并执行相关功能。

在Wordpress中调用JS函数，菜鸟问题？

1 个答案: