javascript - WordPress 插件未加载 Javascript 文件

Question

我正在创建/学习 WordPress 插件，并且我创建了一个在编辑帖子页面添加元框的插件。但是，我似乎无法让插件加载我的 .js 文件。

<?php
   /*
   Plugin Name: Adams The The Plugin
   Plugin URI: http://adamthings.com
   Description: Plugin attempt...
   Version: 1.0
   Author: Adam
   Author URI: http://adamthings.com
   License: GPL2
   */

   function my_scripts_method() {
        wp_enqueue_script('the_js', plugins_url('/AdamsTheThePlugin.js',__FILE__) );
    }

    add_action( 'wp_enqueue_scripts', 'my_scripts_method' );

    add_action( 'add_meta_boxes', 'cd_meta_box_add' );

    function cd_meta_box_add()
    {
        add_meta_box( 'my-meta-box-id', 'Adams The The Plugin', 'cd_meta_box_cb', 'post', 'normal', 'high' );
    }

    function cd_meta_box_cb( $post )
    {
        $values = get_post_custom( $post->ID );
        $postid = get_the_ID();
        $content = get_post_field('post_content', $postid);

        wp_nonce_field( 'my_meta_box_nonce', 'meta_box_nonce' );
?>

    <p>
        <label for="my_meta_box_text" id="adamsPostContent">Post Content</label>
        <textarea name="my_meta_box_text" id="my_meta_box_text"><?php echo $content; ?></textarea>
    </p>


<?php   
    }
?>

然后我的 JavaScript 文件与插件位于同一目录中，如下所示:

jQuery(document).ready(function () {
    jQuery("#adamsPostContent").css('color', 'red');
});

从其他帖子来看，我的做法似乎是正确的。想法？

我希望标签 adamsPostContent 在加载时变成红色。

Answer 1

看起来您正在构建和管理端插件，但您正在前端将 JS 文件排入队列。您需要使用 admin_enqueue_scripts 操作 Hook ，因此您的调用将如下所示:

add_action( 'admin_enqueue_scripts', 'my_scripts_method' );