jquery - html属性的单引号自动替换为双引号

Question

如果我在django模板中使用单引号属性，如下所示：

<button data-json='{"color":"red"}'>click</button>

它会自动替换为：

<button data-json="{"color":"red"}">click</button>

封闭的{}被转换为{}，这使得jQuery无法读取属性对象。
我已经试过了

{% autoescape off %}

没有运气。
编辑：
作为一个实验，我尝试了一些完全没有引号的东西（在template.html中）：

<button data=foo>click</button>

转换为（在浏览器中查看源代码）

<button data="foo">click</button>

（带引号）。
我知道你可以重写整件事

data-json="{'color':'red'}"

然后使用javascript .replace()使其成为有效的json，但这对我来说似乎很难看。如何阻止神奇的替代品？

Answer 1

看来你想用安全的绳子。这篇文章应该有用。
Using JSON in django template