javascript - HTML5 数据属性格式

Question

我正在设置一个插件并遇到一个奇怪的问题......

我正在传递这样的设置：

data-plugin='{"setting1":false,"setting2":true,"setting3":false}'

这工作正常，但希望具有以下更用户友好的格式：

data-plugin='{
    "setting1":false,
    "setting2":true,
    "setting3":false
    }'

但是，当在里面放置回车或空格时，设置不再生效。我不完全确定我做错了什么......