使 ACF 块不起作用的 GSAP 脚本排队

问题描述 投票:0回答:0

仅当页面上存在特定的古腾堡/高级自定义字段块时,我才尝试对 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 );
          },
      ));   
advanced-custom-fields gsap wordpress-gutenberg enqueue
© www.soinside.com 2019 - 2024. All rights reserved.