Question

我正在尝试在我开发的wordpress插件中使用css和js。我查看了codex，我知道我必须使用wp_enqueue_script添加js，wp_enqueue_style使用plugins_url添加css以输出正确的路径，但我无法弄清楚去做吧。我有一个文件结构，所以它是插件然后插件＆gt; css和插件＆gt; js其中css和js是包含各自文件的文件夹。

我尝试过：

function my_scripts_method() {
    wp_enqueue_script('js/tabpane.js');
    wp_enqueue_script('local/helptip.js');
    wp_enqueue_script('local/webfxapi.js');
    wp_enqueue_script('local/webfxlayout.js');
}

add_action('wp_enqueue_scripts', 'my_scripts_method'); // For use on the Front end (ie. Theme)

但它根本不起作用，而且手抄本没有多大帮助。谁能让我知道我错过了什么？

Answer 1

将文件添加到后端插件时，您需要在代码中执行以下操作：

add_action('init', 'add_main_javascript');

function add_main_javascript(){
    $slug = "main";
    $file = "inc/js/$slug.js";
    include_js_files($file, $slug);
}

function include_js_files($file, $slug, $in_footer = NULL){
    if(!$file)
    $file = "inc/js/filename.js";
    $your_plugin_dir = plugin_dir_path(__FILE__);
    $your_plugin_url = plugin_dir_url(__FILE__);
    if(file_exists($your_plugin_dir.$file))
    // array('jquery') is the scope of the javascript
    // Set $in_footer to true if you need the js to be in the footer
    wp_enqueue_script("filename.js", $your_plugin_url.$file, array ( 'jquery' ), "", $in_footer);
}

或者你只能使用add_action（'init'，'your_code_for_enqueue'）;

使用带有wordpress插件的js和css

1 个答案: