在创建wordpress插件时包含一个javascript文件

时间:2014-04-01 12:48:42

标签: javascript php jquery wordpress

我正在开发一个wordpress插件,无法运行javascript文件。我的javascript文件如下所示:

<script>

    jQuery(document).ready(function($) {

        alert("Javascript is running");
    });

</script>

这是我在尝试加载脚本的主插件php文件中的代码:

function super_plugin_scripts() {

    wp_register_script('super_plugin_script', get_template_directory_uri().'js/super-plugin.js');
    wp_enqueue_script('super_plugin_script');
}

add_action('wp_enqueue_scripts', 'super_plugin_scripts');

我还尝试在初始化函数中运行这两个语句,但没有运气。

4 个答案:

答案 0 :(得分:0)

您的javascript文件应该包含原始js代码,并且没有标记[所以没有<script>标记,只是其内容]。

答案 1 :(得分:0)

两件事:

  1. 确保路径正确
  2. 确保jQuery包含在您的WordPress中,如果不添加此行wp_enqueue_script('jQuery');
  3. 像这样

        function super_plugin_scripts() {
            wp_register_script('super_plugin_script', get_template_directory_uri().'js/super-    plugin.js');
    
            wp_enqueue_script('jQuery');
            wp_enqueue_script('super_plugin_script');
        }
        add_action('wp_enqueue_scripts', 'super_plugin_scripts');
    

答案 2 :(得分:0)

它是一个插件,而不是主题,所以试试这个:

function super_plugin_scripts() {

    wp_register_script('super_plugin_script', plugin_dir_url(__FILE__).'js/super-plugin.js');
    wp_enqueue_script('super_plugin_script');
}

add_action('wp_enqueue_scripts', 'super_plugin_scripts');

plugin_dir_url要求您传入__FILE__,并且应该找出路径。

答案 3 :(得分:0)

管理以解决问题。使用plugins_url()函数,然后将插件的名称附加到javascript文件路径的前面,如下所示:

wp_register_script('super_plugin_script', plugins_url().'/super-plugin/js/super-plugin.js');

谢谢!