Question

我创建了一个wordpress插件，我正在尝试将其上传到wordpress.org。我的问题是社区不允许我从jQuery UI站点或本地加载jQuery UI。他们只接受使用Wordpress＆＃39; jQuery UI。我正在尝试使用此代码来执行此操作，但是datepicker不起作用：

wp_enqueue_script('jquery-ui-core');
wp_enqueue_script('jquery-ui-datepicker');
wp_enqueue_style('jquery-style', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/smoothness/jquery-ui.css');

很奇怪，因为当我在本地加载jQuery UI时，datepicker工作正常。

有人知道出了什么问题吗？

Answer 1

以下是wordpress插件的添加脚本文件的示例代码

function my_admin_init() {
        wp_enqueue_script('jquery');
        wp_enqueue_script('jquery-ui-core');//enables UI
        wp_enqueue_script('jquery-ui-datepicker', $pluginfolder . '/jquery.ui.datepicker.min.js', array('jquery', 'jquery-ui-core') );
        wp_enqueue_style('jquery.ui.theme', '/wp-content/themes/<themename>/js/jquery-ui-1.8.9.custom.css');
    }
    add_action('admin_init', 'my_admin_init');

但请确保包含css文件和所有相关图像（如任何jQuery UI安装）。

Answer 2

对于wp-admin：

add_action( 'admin_enqueue_scripts', 'my_backend_scripts' );

对于Fron End：

add_action( 'wp_enqueue_scripts', 'my_frontend_scripts' );

注意：my_backend_scripts＆amp; my_frontend_scripts是用于设置脚本和样式的函数。

e.g。

function my_frontend_scripts() {



            wp_enqueue_script(
                'he-scripts',
                plugins_url('js/scripts.js', dirname(__FILE__)),
                array( 'jquery', 'jquery-ui-slider' )
            );

            wp_register_style('he-ex', plugins_url('css/style.css', dirname(__FILE__)));        

            wp_enqueue_style( 'he-ex' );    


    }

包括Wordpress＆＃39;我的插件的jQuery UI

2 个答案: