双端动画 CSS

Posted 2023-03-06

【中文标题】双端动画 CSS

【英文标题】：Deque Animation CSS

【发布时间】：2021-04-20 17:43:26

【问题描述】：

我正在尝试将 elementor 附带的动画库从加载到特定页面上。这是脚本的 URL https://wpcalculators.com.ng/wp-content/plugins/elementor/assets/lib/animations/animations.min.css?ver=3.0.16

我用过这段代码：

//Remove animation
function remove_animation() 
    if(is_page([19] )):
 wp_dequeue_style( 'elementor-animations' );
    endif;

add_action( 'wp_enqueue_scripts', 'remove_animation', 100 );

但它不起作用。

我使用类似的代码从加载中删除 Gutenberg 块库，它工作正常。

//Remove Gutenberg Block Library CSS from loading on the frontend
function smartwp_remove_wp_block_library_css() 
    if(is_page([19] )):
 wp_dequeue_style( 'wp-block-library' );
 wp_dequeue_style( 'wp-block-library-theme' );
    endif;

add_action( 'wp_enqueue_scripts', 'smartwp_remove_wp_block_library_css' );

我从源代码中确认了 CSS 的 ID：

Id 似乎是“elementor-animations”

我还能如何编写代码以使其工作？

注意：当我使用 pagespeed Insight 测试 URL 时，我知道它不起作用。

【问题讨论】：

您确定样式在您出列时已经入队（使用该句柄）？您是否看到任何错误？

我没有看到任何错误。对，就是把手

【参考方案1】：

或许，在dequeuing之前deregister样式可以解决问题

function remove_animation() 
    if ( is_page( [ 19 ] ) ):
        wp_deregister_style( 'elementor-animations' );
        wp_dequeue_style( 'elementor-animations' );
    endif;


add_action( 'wp_enqueue_scripts', 'remove_animation', 100 );