簡體   English   中英

WordPress插件按需加載js和css

[英]Wordpress plugin load js and css on demand

我用簡碼創建了插件。 我只想在使用插件(我帖子中的短代碼)的情況下加載插件的js和css。 我發現了幾個例子,並創建了類似的東西。 這是正確的方法嗎? 一切正常,但我在頁面源代碼中看不到這些腳本(我檢查了Firefox和chrome)

   public function __construct(){       
        add_shortcode( $this->tag, array($this, 'run_yoolek' ) );
        add_action( 'wp_enqueue_scripts',  array( $this, 'register_my_script' ) );  
    }

    public function run_yoolek(){

        wp_enqueue_style('yoolek-googlemap-simple-css');
        wp_enqueue_script('google-maps');
        wp_enqueue_script( 'yoolek-googlemap-simple-js' );

        ob_start();
        ...
        return ob_get_clean();
    } 

    public function register_my_script() {
        wp_register_style( 'yoolek-googlemap-simple-css',plugins_url( '/style.css' , __FILE__ ) );
        wp_register_script( 'google-maps', 'https://maps.googleapis.com/maps/api/js?key=AIzaSyAM10sMY' );
        wp_register_script( 'yoolek-googlemap-simple-js', plugins_url( '/script.js' , __FILE__ ) );

    }   

wp_enqueue_style()和wp_enqueue_script()在該位置不起作用,您應該在另一個函數中使用它們,例如,my_scripts_method()用於wp_enqueue_scripts掛鈎。

  add_action( 'wp_enqueue_scripts', array($this, 'my_scripts_method') );

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM