在 elementor 上 lottie 动画结束后离开页面

Question

我正在使用 wordpress 和 elementor pro 开发一个网站。我正在使用一个 lottie 块，我正在尝试触发一个动画 onclick，当它结束时我想加载另一个目标页面。

网站 link 是：

https://tadan.altervista.org/

当您单击鸡蛋时，动画会按应有的方式触发，但我不知道如何在结束后离开该页面。 由于没有选项可以在 lottie 上进行设置，我想我必须编写几行代码，但我不知道如何以正确的方式进行。有没有人可以帮助我？

Answer 1

您可以为 https://tadan.altervista.org/leoventuras-new/ 此页面添加自定义 jquery 代码。

1-)打开当前主题目录(wp-content>themes>你必须select当前主题)

2-)打开functions.php文件

3-)转到页面底部

并粘贴此代码并尝试：

function my_footer_scripts(){
global $wp;
$current_url = home_url($_SERVER['REQUEST_URI']);
if ($current_url=='https://tadan.altervista.org/leoventuras-new/'){
    echo  "
    <script>
    setTimeout(function (){
        window.location.href='another-page-url'
    },2000)
    </script>
    
    "; /* 2000 is 2 seconds. If you want change it */
  }
 }
add_action( 'wp_footer', 'my_footer_scripts' );