Jquery attr（）方法添加双引号而不是单引号

我试图在运行时使用Jquery将以下代码添加到id为=“container”的div中

我正在使用attr（）方法完成工作：

$('#container').attr("data-flickity",'{ "autoPlay": 500 }');

现在的问题是HTML的最终结果是属性的值被括在双引号中，而不是像这样的单引号中

data-flickity="{ "autoPlay": 1000 }"

因此，我的网页不能正常工作

因此，有人知道如何告诉attr（）方法添加单引号，或者以任何其他方式使用单引号实现属性添加吗？

---

编辑：我正在尝试实现的内容。因为我无法访问HTML。。我正在尝试使用JS添加属性。

为什么不在内部部分而不是外部部分使用单引号呢

字符串

{'autoPlay'：500}

被传递到浏览器。。。不是它的包装报价

$（'#container'）.attr（“数据flickity”，“{'autoPlay'：500}”）；
console.log（$（'#container'）.attr（“数据flickity”）

container
您是否尝试过：$（“#container”）.attr（“数据flickity”，“{'autoPlay'：500}”）？刚刚试过。。。这甚至没有添加属性。这是类似把手的模板类型吗
data flickity=“{“autoPlay”：1000}”
你能提供一个HTML应该是什么样子的例子吗？这是我试图实现的代码笔。。但问题是我没有访问核心HTML的权限。。这正是我试图使用JS滑动属性的原因：这有帮助吗-
data-flickity="{ "autoPlay": 1000 }"