我正在寻找一种方法来添加data-cfasync="false" 属性为主题本身加载的javascript。

我的主题加载脚本

<script type="e350ac6f596d90da70624b6d-text/javascript" src=\'https://thegroovecartel.com/wp-content/themes/zeen/assets/js/jquery.fluidbox.min.js?ver=2.0.5\' id=\'jquery-fluidbox-js\'>

我想

<script data-cfasync="false" type="e350ac6f596d90da70624b6d-text/javascript" src=\'https://thegroovecartel.com/wp-content/themes/zeen/assets/js/jquery.fluidbox.min.js?ver=2.0.5\' id=\'jquery-fluidbox-js\'>

基本上只是包含我的属性，让一切保持不变

脚本由主题加载

wp_enqueue_script( \'jquery-fluidbox\', get_parent_theme_file_uri( \'assets/js/jquery.fluidbox.min.js\' ), array(), \'2.0.5\', true );

我已经看到了这个解决方案Adding Additional Attributes in Script Tag for 3rd party JS 但它已经7岁了，似乎对我不起作用。

function wpse_script_loader_tag( $tag, $handle ) {
    if ( \'jquery-fluidbox\' !== $handle ) {
        return $tag;
    }

    return str_replace( \' src\', \' data-cfasync="false" src\', $tag );
}
add_filter( \'script_loader_tag\', \'wpse_script_loader_tag\', 10, 2 );