html 验证错误 wp_json_encode答案

【问题标题】：html validation error wp_json_encodehtml 验证错误 wp_json_encode
【发布时间】：2018-12-11 16:44:11
【问题描述】：

所以我面临 html 验证错误。

错误：" 在未引用的属性值中。可能的原因：属性一起运行或未引用的属性值中的 URL 查询字符串。

制作数组

$slider_options = [
  'items' => $item,
  'item_tab' => $item_tab,
  'arrows' => ('yes' === $settings['arrow']),
  'dots' => ('yes' === $settings['dot']),
  'auto' => ('yes' === $settings['auto']),
  'transition' => ('yes' === $settings['transition']),
  'center' => ('yes' === $settings['center']),
  'speed' => $settings['speed']['size'],                                      
 ];

现在回显输出结果。

echo '<div class="style-three" data-slick ='.wp_json_encode($slider_options).'>';

哪个输出

<div class="style-three" data-slick ={"items":1,"item_tab":1,"arrows":true,"dots":true,"auto":false,"transition":true,"center":false,"speed":3050}>

一切正常，但唯一的错误是验证错误。

【问题讨论】：

标签： php jquery arrays json validation

【解决方案1】：

来自 HTML 规范：

如果属性值不包含空格或任何 " ' ` =

您可以尝试使用单引号 ' 来包装您的属性值（这样它就不会与您在值中生成的双引号 " 冲突）：

echo '<div class="style-three" data-slick =\''.wp_json_encode($slider_options).'\'>';

【讨论】：

谢谢。太棒了。