如何在wp_footer动作中传递变量？

我正在创建Elementor页面构建器小部件。我不希望添加嵌入式Java脚本。我正在使用” wp_footer”动作。我想在add_action / wp_footer / function(){$$$这里$$$$}中传递变量。

没有Java脚本错误。

$var_1 = '100';
$var_2 = '200';

add_action( 'wp_footer', function() { 
<script>
   (function($) {
      'use strict';
          $('.id').numerator({
                easing: 'linear', duration: '<?= $var_1; ?>', toValue:'<?= $var_2; ?>', });
    })(jQuery);
</script>
}

#1

那些变量不应该在函数内部吗？使用全局变量呢？

#2

这不是一个好习惯, 但是如果你要这样做, 则下面的代码。关键是将所有内容作为字符串处理。如果使用引号, 则可以轻松地对变量进行分类。

$var_1 = '100';
$var_2 = '200';

add_action( 'wp_footer', function() { 

echo "<script>
 (function($) {
  'use strict';
     $('.id').numerator({
            easing: 'linear', duration: '$var_1', toValue: '$var_2', });
  })(jQuery);
</script>";
}