使用jQuery在shortcode中拆分类

Question

请有人帮我这样做..我想将FontAwesome短码添加到我的主题我有一个生成的短代码：

add_shortcode( 'fa_icons', function( $atts, $content=null ){
  $atts = shortcode_atts(array(
    'font' => '',
    'size' => ''
    ), $atts);

  extract($atts);

  $icon = $font . ' ' . $size;

  return '<i class="fa ' . $icon . '"></i>';
});

其中$ font是数组包含图标

按钮功能是：

case 'icons' : ?>
<div class="inter"><h5><?php echo $field['id']; ?></h5>
<div class="inner-content"><div class="clearfix"></div>
<div class="active-field icon-option" 
id="<?php echo strtolower(str_replace(' ' , '_' , $field['id'])); ?>" 
name="<?php echo strtolower(str_replace(' ' , '_' , $field['id'])); ?>">
<?php $field_icons = $field['options'];
foreach($field_icons as $index=>$option) { 
echo '<i class="fa fa-'.$option.'"></i>';
} ?>
</div>
<div class="clearfix"></div><span class="description"><?php echo $field['description']; ?></span></div></div>
<?php
break;

最终输出为[sh_icon size="icon-large" font="" ][/sh_icon]

我使用jQuery通过向每个活动字段添加.active-field类来添加短代码。

现在短代码效果很好，但它并没有回显 font 数组。

请帮忙。

谢谢。