在WordPress中添加jQuery和css是正确的方式吗？

时间：2016-09-03 作者：P. Sheth 
function dwwp_admin_enqueue_scripts_mlm() {
    wp_enqueue_style( \'dwwp-admin-css\', plugins_url( \'css/admin-users.css\', __FILE__ ) );
    wp_enqueue_script( \'admin-users\', plugins_url( \'js/admin-users.js\', __FILE__ ) );
    wp_enqueue_script( \'jquery\', \'http://code.jquery.com/jquery-1.10.2.js\' );
            wp_enqueue_script( \'jquery-ui\', \'http://code.jquery.com/ui/1.10.4/jquery-ui.js\' );
    wp_enqueue_style( \'jquery-style\', \'http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css\' );}
add_action( \'admin_enqueue_scripts\', \'dwwp_admin_enqueue_scripts_mlm\' );
2 个回复
最合适的回答,由SO网友:theodorhanu 整理而成

不需要。正如wordpress codex所述，您应该使用jquery和他们提供的其他javascript文件。至于css文件，我想你可以使用你的。

请检查this link（向下滚动）获取已定义javascript文件的列表。

此外，您必须尽可能多地使用本地文件，除非您没有其他方法。例如，如果您有一个js库，您应该下载它并将其包含在主题/插件文件中，而不是使用CDN或任何其他外部链接将其排队。Wordpress团队将拒绝发布您的主题/插件，如果您在没有充分理由的情况下包含外部js文件。

LE：对于jquery ui，您只需要使用这个

 wp_enqueue_script( \'jquery-ui\')
或者像这样将其添加为自己脚本的依赖项

wp_enqueue_script(\'my-script\', \'url-to-scrip\', array(\'jquery-ui\'))

SO网友:fuxia

不要试图覆盖WordPress已经提供的库（jQuery、jQuery UI）。这将导致失败或与其他插件冲突

  • Register your assets early, enqueue 只靠把手dependency 参数以确保按所需顺序加载资产

    if ( is_admin() && ( ! defined( \'DOING_AJAX\' ) || ! DOING_AJAX ) )
{
    add_action(
        \'wp_loaded\',
        function() {
            wp_register_script(
                \'admin-users\',
                plugins_url( \'js/admin-users.js\', __FILE__ ),
                [ \'jquery-ui-core\' ] // Let WP handle the rest.
            );
            wp_register_style(
                \'jquery-style\',
                \'http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css\'
            );
            wp_register_style(
                \'dwwp-admin-css\',
                plugins_url( \'css/admin-users.css\', __FILE__ ),
                [ \'jquery-style\' ]
            );
        }
    );
    add_action( 
        \'admin_enqueue_scripts\', 
        function() {
            wp_enqueue_script( \'admin-users\' );
            // jquery-style will be loaded automatically.
            wp_enqueue_style( \'dwwp-admin-css\' );
        }
    );
}

    • 标签： plugin-development   小码农  

    相关推荐