一般来说,要将css或js加载到admin中,您需要使用admin_enqueue_scripts
钩子,所以在功能风格上可以是这样的:
add_action( \'admin_enqueue_scripts\', function( $hook_suffix ){
wp_enqueue_style(\'i-widget\', plugins_url( \'i-widget.min.css\' , __FILE__), array(), null);
wp_enqueue_script(\'swiper\', plugins_url( \'swiper.min.js\', __FILE__), array(\'jquery\'), null);
}, 99 );
wp_enqueue_script(\'i-widget\', plugins_url( \'i-widget.min.js\', __FILE__), array(\'jquery\', \'swiper\'), null);
}, 99 );
更多信息,请访问
https://developer.wordpress.org/reference/hooks/admin_enqueue_scripts/此外,在架构方面,最好分开init
类的方法,将排队脚本\\样式提取到单独的方法中。
public function initScripts(){
wp_enqueue_style(\'i-widget\', plugins_url( \'i-widget.min.css\' , __FILE__), array(), null);
wp_enqueue_script(\'swiper\', plugins_url( \'swiper.min.js\', __FILE__), array(\'jquery\'), null);
wp_enqueue_script(\'i-widget\', plugins_url( \'i-widget.min.js\', __FILE__), array(\'jquery\', \'swiper\'), null);
}
因此,在构造函数中,您可以通过
add_action(\'admin_enqueue_scripts\', [$this, \'initScripts\']);
对于前端
add_action(\'wp_enqueue_scripts\',[$this, \'initScripts\']);
当您指定js\\css依赖项时,您会提供一个字符串数组,如array(\'jquery\',\'swiper\')
或[\'jquery\', \'swiper\']
这个不能正常工作array(\'jquery, swiper\')
.
别忘了把swiper.min.js
或者提供正确的路径。