dpziir0079 2016-08-23 09:59
浏览 318
已采纳

Wordpress - wp_enqueue_script / wp_enqueue_style不起作用

I have coded myself a little WP-Plugin, where I do

wp_enqueue_script('jquery');        
wp_enqueue_script('myapp1', $pluginpath . 'build/js/app.min.js', array('jquery')); 
wp_enqueue_style("myapp2", $pluginpath . 'build/css/style.css');

while testing on my localhost, everythink worked fine, so I uploaded everything to my server and there, my plugin works, too, but the app.min.js and the style.css is not included(?)

what could be the cause for this?

  • 写回答

2条回答 默认 最新

  • douchuopiao9002 2016-08-23 11:20
    关注

    Files that are referenced with wp_enqueue_script()/wp_enqueue_style() are used in the wp_head() function.

    By the time your shortcode is evaluated this part is already finished, so your files will never be referenced.

    You have to add your style using the wp_enqueue_scripts action:

    function my_scripts() {
        wp_enqueue_style("myapp2", $pluginpath . 'build/css/style.css');
    }
    add_action( 'wp_enqueue_scripts', 'my_scripts' );
    

    There is no way around that, because the style belongs in the head.

    For your JS though, you can use another parameter to load it in the footer:

    wp_enqueue_script('myapp1', $pluginpath . 'build/js/app.min.js', array('jquery'), "1.0", true); 
    

    You can add this in your shortcode so at least the JS will only be loaded when it is needed.

    (The version number can be anything you want, it is useful to increment it when you release new version of your JS file, so browsers don't use old versions from cache.)

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 关于#Mybatis#的问题:怎么办重复数据如下"KSDM":37,"KSMC":"呼吸内科门诊","ksdm":37,"ksmc":"呼吸内科门诊"xml文件填写
  • ¥40 servlet的web程序部署出错
  • ¥50 activiti 新建流程系列问题
  • ¥50 为什么我版本升级之后运行速度变慢5倍??
  • ¥15 如何在gazebo中加载机械臂和机械手
  • ¥15 纯运放实现隔离采样方案设计
  • ¥20 easyconnect无法连接后缀带.com的网站,一直显示找不到服务器ip地址,但是带有数字的网站又是可以连接上的,如何解决
  • ¥15 电脑开机过商标后就直接这样,求解各位
  • ¥15 mysql , 用自己创建的本地主机和用户名 登录不上
  • ¥15 关于#web项目#的问题,请各位专家解答!