为什么我的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加载