Jquery 测试我的第一个插件-脚本未加载WordPress

我正在尝试创建一个JavaScript文件，该文件使用jQuery为按钮创建一个点击事件

但是我无法让它工作，我甚至不确定脚本是否正在加载。我已经在页面源代码中搜索了它，但它不在那里，这表明它根本没有加载。我不熟悉插件和jQuery，但我遵循了教程并复制了以下代码

<?php
/*

Plugin Name: PansHousePlugin
Plugin URI:  http://pans-house.com
Description: Adds OnClick and Scroll Functionality
Version: 1.0
Author: Paul Leppard
Author URI: http://pans-house.com

*/


add_action('wp_enqueue_scripts', 'load_js');

   function load_js() {
wp_register_script('click_scroll', plugins_url( 'click_scroll.js', __FILE__), array( 'jQuery'), true );
wp_enqueue_script('click_scroll');
}




?>

就像我说的，这正是教程所说的。插件被激活时没有任何错误，但是id为gopricing的div没有隐藏，并且按钮在单击它时没有做任何事情，所以我假设脚本没有被加载

---

谢谢你列出了一个不存在的依赖项

jQuery

是库的名称；但是，要加载库，需要使用的句柄是

jquery

。当我认为您试图告诉JS在页脚中加载时，您也将版本号设置为true

更改此项：

wp_register_script('click_scroll', plugins_url( 'click_scroll.js', __FILE__), array( 'jQuery'), true );

为此：

wp_register_script( 'click_scroll', plugins_url( 'click_scroll.js', __FILE__ ), array( 'jquery' ), false, true );

下一个问题是JS。最后一行需要调整括号，您应该等待就绪事件：

(function( $ ) {

    $( document ).ready(function() {
        $( "#gopricing" ).hide();
        $( ".showpricingbutton" ).on( "click", function() {
            $( "#gopricing" ).toggle();
        });
    });

})( jQuery );

---

进一步阅读：

在web浏览器中按ctrl+u。拿出源代码。现在按住ctrl+f键并搜索，单击_scroll.js，如果找不到它，则不会加载它。它也可能正在加载，但路径不正确。因此，可能必须使用/click\u scroll.js。谢谢，我确实检查了页面源代码，但是click\u scroll.js文件在插件url中没有/in。他可能还需要

dirname（）

函数

wp\u register\u脚本（'click\u scroll'，plugins\u url（'click\u scroll.js'，dirname（'uu file\uu）），数组（'jquery'），false，true）从codex@WebDevGuy引用插件\u url这将取决于插件的设置方式。如果插件是plugins目录中的一个PHP文件，您是对的，那么作者应该使用
dirname（）
。通常情况下，虽然插件安装在插件目录的子目录中，但在这种情况下，
dirname（）
将不合适。话虽如此，但抄本条目的措词并不是特别好——太棒了，它现在起作用了。毫无疑问，一个陡峭的学习曲线在等待着我，但现在我的第一个插件工作了，并实现了我所期待的结果。谢谢Nathan，我只想问一个简单的问题，如果我不能用谷歌搜索答案，我可能会再问一个问题。gopricing div中有一个显示定价表的快捷码。我有代码，它切换div，但我希望看到定价表显示，但它没有。你知道为什么吗。切换div后是否需要刷新它？谢谢
(function( $ ) {

    $( document ).ready(function() {
        $( "#gopricing" ).hide();
        $( ".showpricingbutton" ).on( "click", function() {
            $( "#gopricing" ).toggle();
        });
    });

})( jQuery );