将acf字段变量添加到jquery

时间:2018-08-07 12:50:17

标签: php jquery wordpress

我在高级自定义字段中创建了字段:

<div class="field_class">
  <?php if( get_field('field') ): ?>
     <h4><?php the_field('field'); ?></h4>
  <?php endif; ?>
</div>

我想将acf字段添加到jquery:

jQuery(document).ready(function($){
$('.content-wrapper').addClass('field_class');

});

我知道我必须向jquery中添加变量,例如:

var field = "<?php the_field('field'); ?>" ;

但不知道此变量如何添加到addClass:addClass('field_class')来获取所有内容(类和变量)。

感谢帮助,

4 个答案:

答案 0 :(得分:0)

首先,您需要将字段值存储在PHP变量中

<?php 
   $fieldvar = get_field('field_name');
?>

然后将该变量添加为jQuery类

jQuery(document).ready(function($){
    $('.content-wrapper').addClass('<?php echo $fieldvar; ?>');
});

答案 1 :(得分:0)

jQuery(document).ready(function($){
    $('.content-wrapper').addClass(field);
});

答案 2 :(得分:0)

您做对了,但是尝试在脚本中直接添加值时尝试添加回显:

var field = "<?php echo the_field('field'); ?>" ;

或尝试

var field = "<?php echo get_field('field'); ?>" ;

the_field()的工作类似于echo get_field,但是您可以尝试一下。

答案 3 :(得分:0)

这似乎没有正确的答案,解决方案。

所以这是您的伙伴的解决方法。

  1. 创建ACF字段。
  2. 存储值