為什么我的Javascript警報無法在此自定義WordPress插件上運行？

Question

所以我正在完成這個自定義WordPress插件。 之前我測試過它以確保javascript正在加載，但是現在當我測試訂閱功能時，它只訂閱了什么，但是我創建了一個警告，告訴我它的工作，除了它沒有。

這是我的newsletter-subscriber / js / main.js文件：

jQuery(document).ready(function($){
     $('#subscriber-form').submit(function(e){
        e.preventDefault();

        alert('Submitted');
     });
});

這是我的newsletter-subscriber / includes / newsletter-subscriber-scripts.php文件：

<?php

// Add Scripts
function ns_add_scripts(){
        wp_enqueue_style('ns-main-style', plugins_url().'/newsletter-subscriber/css/style.css');
        wp_enqueue_script('ns-main-script', plugins_url().'/newsletter-subscriber/js/main.js', array('jquery'));
}

add_action('wp_enqueue_scripts', 'ns_add_scripts');

Answer 1

你的代碼似乎很好。 要檢查的一些事情。

首先通過檢查瀏覽器中的html來檢查您的javascript是否已加載。
再次檢查網址是否正確。 第三個去JS文件的url，是加載了正確的JS文件嗎？

該插件是否有效？ CSS有效嗎？

檢查開發工具的網絡選項卡。 你看到js加載了嗎？ 控制台是否出錯。 是Jquery加載