Question

我正在使用Index.php和jquery.js文件创建一个简单的WP插件。如何链接JS以协同工作。这是我尝试添加到index.php，但它没有用。没有来自jquery.js的JS。

function my_scripts() {
wp_enqueue_script( 'script-name', get_template_directory_uri() . 'jquery.js', array(), '1.0.0', true );
add_action('wp_enqueue_scripts','my_scripts');
}

Answer 1

首先要注意的是，像Meathanjay指出的那样，你的add_action需要在my_scripts（）函数之外，否则它永远不会执行。

get_template_directory_uri()用于获取主题中文件的路径。对于插件，您需要使用plugin_dir_url()并将其传递到插件主目录中的文件目录。

function my_scripts() { wp_enqueue_script( 'script-name', plugin_dir_url( __FILE__ ) . 'jquery.js', array(), '1.0.0', true ); } add_action('wp_enqueue_scripts','my_scripts');

Answer 2

试试这个：你在函数中的动作调用，它永远不会调用。的更新

function my_scripts() { wp_enqueue_script( 'script-name', get_template_directory_uri() . '/jquery.js', array(), '1.0.0', true ); } add_action('wp_enqueue_scripts','my_scripts')

Answer 3

添加任何脚本/样式表时，您应该命名为Unique。您应该使用plugins_url()或plugin_dir_url()代替get_template_directory_uri()。

如果您要添加多个脚本和样式表，则可以尝试此操作：

function my_scripts() {
    // for Scripts
    wp_enqueue_script('script-unique-name', plugins_url("js/jQuery.js", __FILE__));
    // or
    wp_enqueue_script('script-unique-name2', plugin_dir_url(__FILE__)."js/newjQuery.js");

    // for stylesheet
    wp_enqueue_style('style-unique-name', plugin_dir_url(__FILE__).'css/style.css');
}
add_action('wp_enqueue_scripts','my_scripts');

// Or

add_action('admin_footer', 'my_action_javascript'); // Write our JS below here

function my_action_javascript() {
    ?>
    <script type="text/javascript">
        //Javascript code Here...
    </script>
<?php } ?>

WP排队javascript

3 个答案: