javascript - 在 Wordpress 插件中排队 Javascript 和 jQuery

Question

我是 PHP 的初学者，我正在尝试并未能让它合作加载 Javascript/jQuery 中的基本测试警报。我正在为一个 Wordpress 站点创建一个插件，我只需要确保在我真正开始为它编写代码之前，我可以在页面上成功运行 Javascript 程序。这是我目前所拥有的:

.js 文件只是一个测试警报，用 jQuery 编写。

$(document).ready(function () {

    alert("Your plugin's working");

});

PHP 文件是一个极其简单的插件，旨在运行警报。

<?php
/**
 * Plugin Name: PanoramaJKM
 * Plugin URI: unknown
 * Description: Should alert on loading
 * Version: 0.1
 * Author: Matt Rosenthal
 * Author URI: unknown
 */

    function loadQuery() {
        if (!is_admin()) {
            wp_enqueue_script('jquery');
        }
    }

    add_action('init', 'loadQuery');


    function headsUp() {
        wp_enqueue_script('alert-js', plugins_url('/js/alert.js', __FILE__), array('jquery'));
    }

    add_action('wp_enqueue_scripts', 'headsUp');
?>

每当我尝试在我的 Wordpress 网站上加载插件时，JS 控制台都会向我吐出这个错误:

Uncaught TypeError: undefined is not a function 

如果我将 alert.js 文件更改为不使用 jQuery，我可以获得 JS 警报以显示。但是，我需要 jQuery 来编写最终的插件，我觉得我缺少了一些很容易修复的东西。任何帮助将不胜感激!我已经尝试遵循其他 SO 帖子和一些在线指南的建议，但没有成功。

Answer 1

Dave Ross 的回答非常准确。我要补充一点，这是最常见的格式:

jQuery(document).ready(function($) // <-- $ as shortcut for jQuery
{   
    alert("Your plugin's working");
});

而且您不需要 add_action('init', 'loadQuery');。 jQuery 已经作为 alert-js 的依赖项加载，正确的入队位置是操作 Hook wp_enqueue_scripts(仅在前端运行)。