Проверка моего первого плагина - скрипт не загружается WordPress

Question

Я пытаюсь создать файл 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'); 
} 




?> 

и файл click_scroll.js, который находится в той же папке, что и файл plugin.php

(function($){ 

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

}(jQuery)); 

Как я сказал, что это именно так, как сказано в учебнике. Плагин активирован без каких-либо ошибок, но div с id gopricing не скрыт, и кнопка ничего не делает при нажатии на нее, поэтому я предполагаю, что сценарий не был загружен.

Благодаря

Answer 1

Вы перечисляя зависимость, которая не существует.

jQuery - название библиотеки; дескриптор, который вам нужно сослаться на него, чтобы загрузить библиотеку, но составляет jquery. Вы также устанавливаете номер версии в true, когда я полагаю, что вы пытались сказать JS для загрузки в нижнем колонтитуле.

Изменить это:

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); 

Дальнейшее чтение: https://developer.wordpress.org/reference/functions/wp_enqueue_script/