Question

我正在开发一个wordpress插件，这个插件有一个自定义帖子，我想将datepicker脚本添加到元数据箱。我试图以这种方式排队我的脚本，但它似乎不起作用，因为这些脚本没有加载

require_once( plugin_dir_path( __FILE__ ) . 'functions.php');

function chahadat_scripts()
{
    wp_register_script( 'imagelightbox.js', plugins_url( 'js/imagelightbox.js', __FILE__ ));
    wp_enqueue_script(  'imagelightbox.js' );
    wp_register_script( 'imagelightbox.min.js', plugins_url( 'js/imagelightbox.min.js', __FILE__ ) );
    wp_enqueue_script(  'imagelightbox.min.js' );
    wp_register_script('jquery', 'https://code.jquery.com/jquery-1.12.4.js', array(jquery), 3.3, true);
    wp_register_script('jqueryui', 'https://code.jquery.com/ui/1.12.1/jquery-ui.js', array(jquery), 3.3, true);
    wp_register_style('jqueryuistyle', 'https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css', 3.3, true);
    wp_register_script( 'dates', plugins_url( 'js/date.js', __FILE__ ) );
    wp_enqueue_script(  'dates' );
}
add_action( 'wp_enqueue_scripts', 'chahadat_scripts' );

Answer 1

尝试下面的工作代码。如果可能的话，在插件的主文件中使用define方法的常量。通过＆＃34; echo CHAHADAT_PLUGIN_PLUGIN_URL＆＃34;

粘贴代码后检查你的插件url里面的函数

 define('CHAHADAT_PLUGIN', __FILE__);
 define('CHAHADAT_PLUGIN_PLUGIN_URL', untrailingslashit(plugins_url('', CHAHADAT_PLUGIN)));

function chahadat_scripts()
{
    wp_register_script( 'imagelightbox.js', CHAHADAT_PLUGIN_PLUGIN_URL.'/js/imagelightbox.js');
    wp_enqueue_script(  'imagelightbox.js' );
    wp_register_script( 'imagelightbox.min.js', CHAHADAT_PLUGIN_PLUGIN_URL.'/js/imagelightbox.min.js');
    wp_enqueue_script(  'imagelightbox.min.js' );
    wp_register_script('jquery', 'https://code.jquery.com/jquery-1.12.4.js', array(jquery), 3.3, true);
    wp_register_script('jqueryui', 'https://code.jquery.com/ui/1.12.1/jquery-ui.js', array(jquery), 3.3,          true);
    wp_register_style('jqueryuistyle', 'https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css', 3.3,         true);
    wp_register_script( 'dates', CHAHADAT_PLUGIN_PLUGIN_URL.'/js/date.js');
    wp_enqueue_script(  'dates' );
 }
 add_action( 'wp_enqueue_scripts', 'chahadat_scripts' );

Answer 2

以这种方式添加依赖于Jquery的脚本库：

function chahadat_scripts() {
    wp_enqueue_script( 
        'imagelightbox.js', 
         CHAHADAT_PLUGIN_PLUGIN_URL.'/js/imagelightbox.js', 
         array( 'jquery' ), 
         '1.0.0', 
         true 
     );
}
add_action( 'wp_enqueue_scripts', 'chahadat_scripts' );

了解详情Official Documentation

Wordpress中的脚本排队不起作用

2 个答案: