通过函数将头中的javascript添加到wordpress插件页面,PHP

kr98yfug  于 2023-04-29  发布在  WordPress
关注(0)|答案(1)|浏览(125)

我想通过函数在WordPress插件页面中添加JavaScript。PHP如何做这个
我所尝试的

global $pagenow;
if (( $pagenow == 'admin.php' ) && ($_GET['page'] == 'booknetic')) {
<script type="text/javascript">
    console.log(window.location.href);
    jQuery(".fa-puzzle-piece").hide();
</script>
}

它的工作,但它不添加JavaScript内的身体的网页,它添加到顶部的网页以外的html文档。所以在这之后我尝试了这个

add_action( 'wp_head', 'add_test_init' );

function add_test_init() {
   echo '<script type="text/javascript">
    console.log(window.location.href);
    jQuery(".fa-puzzle-piece").hide();
</script> ';
}

这在其他页面上工作,但不是在插件页面,我想这样有没有办法添加JavaScript插件页面?
谢谢

velaa5lx

velaa5lx1#

你应该使用admin_enqueue_scripts钩子而不是wp_head。将下面的PHP代码添加到子主题的函数中。php。如果不使用子主题,请使用get_template_directory_uri()而不是get_stylesheet_directory_uri()

add_action( 'admin_enqueue_scripts', 'add_test_init' );
function add_test_init() {
    global $pagenow;
    if (( $pagenow == 'admin.php' ) && ($_GET['page'] == 'booknetic')) {
        wp_enqueue_script( "test-script", get_stylesheet_directory_uri() . '/assets/js/test-script.js', array('jquery'), false, false );
    }
}

然后创建一个名为test-script的jquery文件。js在你的子主题目录/assets/js/中,然后添加下面的jquery代码,没有冲突规则。

(function( $ ) {
    console.log(window.location.href);
    $(".fa-puzzle-piece").hide();
})(jQuery);

相关问题