仅当页面上存在特定的古腾堡/高级自定义字段块时,我才尝试对 GSAP 脚本进行排队。
我将它用于 Slick 滑块,它工作得很好,但由于某种原因,它不适用于 GSAP - 我没有收到任何控制台错误(除了 GSAP 未定义)并且脚本没有加载。
我不明白为什么? 任何帮助将不胜感激
谢谢
这是有效的 Slick 滑块
acf_register_block_type(array(
'name' => 'lig_find_anything_carousel',
'title' => __('LIG Search Carousel'),
'description' => __('LIG Search Carousel'),
'render_template' => 'template-parts/components/content-find-anything-carousel.php',
'icon' => 'editor-textcolor',
'keywords' => array( 'find', 'search', 'lenses', 'anything'),
'category' => 'design',
'enqueue_assets' => function(){
wp_enqueue_style( 'slick', 'https://cdn.jsdelivr.net/npm/@accessible360/[email protected]/slick/slick.min.css', array(), '1.8.1' );
wp_enqueue_style( 'slick-theme', 'https://cdn.jsdelivr.net/npm/@accessible360/[email protected]/slick/accessible-slick-theme.min.css', array(), '1.8.1' );
wp_enqueue_script( 'slick', 'https://cdn.jsdelivr.net/npm/@accessible360/[email protected]/slick/slick.min.js', array('jquery'), '1.8.1', true );
wp_enqueue_script( 'custom-scripts', get_stylesheet_directory_uri() . '/assets/src/carousel/index.js', array(), false, true );
},
));
这是 GSAP 而不是
acf_register_block_type(array(
'name' => 'lig_large_accordion',
'title' => __('LIG large Accordion'),
'description' => __('LIG Large Accordion'),
'render_template' => 'template-parts/blocks/content-large-accordion.php',
'icon' => 'editor-textcolor',
'keywords' => array( 'accordion', 'toggle', 'expand', 'info'),
'category' => 'design',
'enqueue_assets' => function(){
wp_enqueue_script( 'gsap-js', 'https://cdnjs.cloudflare.com/ajax/libs/gsap/3.7.0/gsap.min.js', array(), false, true );
},
));