2017-05-05 102 views
0

我试图将一个脚本加载到一个WordPerss页面,但它似乎排队脚本不会添加任何东西。WordPress排队脚本不添加脚本

我用下面的脚本

function loadCC(){ 
    wp_enqueue_script('cookieConsentJS', 'https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js'); 
    wp_enqueue_style('cookieConsentCSS', 'https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css'); 

    wp_add_inline_script("CookieConsent", "window.addEventListener(\"load\", function(){ 
    window.cookieconsent.initialise({ 
     \"palette\": { 
      \"popup\": { 
       \"background\": \"#107fc9\" 
      }, 
      \"button\": { 
       \"background\": \"#ffffff\" 
      } 
     }, 
     \"position\": \"top\", 
     \"static\": true, 
     \"content\": { 
      \"message\": \"".__("Deze website maakt gebruik van cookies om authenticatie, navigatie en andere functies te beheren. Door het gebruik van onze website, gaat u ermee akkoord dat we dit soort cookies plaatsen op uw apparaat.","bpm_cc")."\", 
      \"dismiss\": \"".__("Ik begrijp het","bpm_cc")."\" 
     }, 
     \"elements\": { 
      \"messagelink\": \"<span id=\\\"cookieconsent:desc\\\" class=\\\"cc-message\\\">{{message}}</span>\", 
      \"dismiss\": \"<a aria-label=\\\"dismiss cookie message\\\" role=button tabindex=\\\"0\\\" class=\\\"vc_gitem-link vc_btn3 vc_btn3-size-md vc_btn-white\\\">{{dismiss}}</a>\"} 
     }) 
    });"); 
} 

add_action('wp_enqueue_scripts', 'loadCC'); 

难道我犯了一个错误的地方?代码似乎对我来说是正确的。

+0

尝试改变' wp_enqueue_style('wp_enqueue_scripts','to'wp_enqueue_style('wp_enqueue_scripts2','。If if it works it is a name conflict。 –

+0

我错误地复制了句柄,他们假设是cookieConsentJS和cookieConsentCSS而不是wp_enqueue_scripts我会在问题中做出解释,但是不能解决问题 –

+1

任何错误rs在控制台? –

回答

0

好一些调试,我发现该错误是在wp_add_inline_script部分后, 该手柄必须是一样wp_enqueue_script(atlease这种变化之后它的工作原理)

<?php 
/** 
* Plugin Name: Cookie Consent 
* Version: 1 
* Author: Jasper (Bottle Post Media) 
*/ 
function loadCC(){ 
    wp_enqueue_script('CookieConsentJS', 'https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js'); 
    wp_enqueue_style('CookieConsentCSS', 'https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css'); 
    wp_add_inline_script("CookieConsentJS", "window.addEventListener(\"load\", function(){ 
    window.cookieconsent.initialise({ 
    \"palette\": { 
    \"popup\": { 
     \"background\": \"#107fc9\" 
    }, 
    \"button\": { 
     \"background\": \"#ffffff\" 
    } 
    }, 
    \"position\": \"top\", 
    \"static\": true, 
    \"content\": { 
    \"message\": \"".__("Deze website maakt gebruik van cookies om authenticatie, navigatie en andere functies te beheren. Door het gebruik van onze website, gaat u ermee akkoord dat we dit soort cookies plaatsen op uw apparaat.","bpm_cc")."\", 
    \"dismiss\": \"".__("Ik begrijp het","bpm_cc")."\" 
    }, 
    \"elements\": { 
    \"messagelink\": \"<span id=\\\"cookieconsent:desc\\\" class=\\\"cc-message\\\">{{message}}</span>\", 
    \"dismiss\": \"<a aria-label=\\\"dismiss cookie message\\\" role=button tabindex=\\\"0\\\" class=\\\"vc_gitem-link vc_btn3 vc_btn3-size-md vc_btn-white\\\">{{dismiss}}</a>\"}})});"); 
} 

add_action('wp_enqueue_scripts', 'loadCC'); 
0

检查您的主题header.php文件。它应该包含wp_head();之间的功能head html标签。

0

尝试改变这一点:

`wp_add_inline_script("CookieConsent", "window.addEventListener(\"load\", function(){ 
    window.cookieconsent.initialise({ 
    \"palette\": { 
    \"popup\": { 
    \"background\": \"#107fc9\" 
      },` 
在此

,也许你错过了一个支架?

wp_add_inline_script("CookieConsentJS", "window.addEventListener(\"load\", function(){ 
window.cookieconsent.initialise({ 
\"palette\": { 
\"popup\": { 
\"background\": \"#107fc9\" 
} 
     },