将具有数据属性的脚本入队

时间：2018-08-22 作者：JoaMika

我想把这个脚本列在wordpress页面的页眉上

<script src="https://js.chargebee.com/v2/chargebee.js" data-cb-site="mydomainame" ></script>
我知道如何使用

function wp_mk_scripts() {

    if( is_page(11) ){
    wp_enqueue_script( \'chargebee\', \'https://js.chargebee.com/v2/chargebee.js\', array(), \'2\', false );
}

}
add_action( \'wp_enqueue_scripts\', \'wp_mk_scripts\' );
但是如何添加参数data-cb-site="mydomainame" ?

2 个回复
最合适的回答,由SO网友:Bhupen 整理而成

请尝试以下代码：

function add_data_attribute($tag, $handle) {
   if ( \'chargebee\' !== $handle )
    return $tag;

   return str_replace( \' src\', \' data-cb-site="mydomainame" src\', $tag );
}
add_filter(\'script_loader_tag\', \'add_data_attribute\', 10, 2);

SO网友:JoaMika

function wp_mk_scripts() {

if ( is_page(\'331\') ) {
        wp_enqueue_script( \'chargebee\', \'https://js.chargebee.com/v2/chargebee.js\', array(), 2.0 , false);
    }

}
add_action( \'wp_enqueue_scripts\', \'wp_mk_scripts\' );

add_filter(\'script_loader_tag\', \'add_attributes_to_script\', 10, 3); 
function add_attributes_to_script( $tag, $handle, $src ) {
    if ( \'chargebee.js\' === $handle ) {
        $tag = \'<script type="text/javascript" src="\' . esc_url( $src ) . \'" data-cb-site="mydomainame" ></script>\';
    } 
    return $tag;
}
根据kero发布的示例线程的答案-但是这不起作用-我没有加载属性。

结束
标签： functions   wp-enqueue-script   小码农  

相关推荐

对WooCommerce的Functions.php更改不起作用

我正在尝试将其添加到函数中。php。在我的另一个站点上的测试实验室中，它可以很好地添加测试信息。但在这个网站上，我试图把它添加到什么都没有发生的情况下。该网站正在使用最新的woocommerce运行一个建筑节俭主题。有什么想法吗？我基本上只是想在每个产品页面上添加一行类似于免责声明但无法添加的文本。add_action(\'woocommerce_before_add_to_cart_form\',\'print_something_below_short_description\');