jQuery-数据属性引号问题

Question

我正在制作灯箱脚本，并使用自定义数据灯箱属性遇到问题。 我想做的是允许将data-lightbox属性设置动态添加到页面上（图像上）。

这是我的形象：

<a href="largeimage.png" data-lightbox='{"setting":"value","setting":"value"}'>
   <img src="thumbnail.png" />
</a>

这是我用来注入设置的脚本部分：

$('#testthumbnail').find('a').attr('data-lightbox',settings);

设置只是一个字符串，已被转储到属性中。 运行时，我没有收到任何错误，并且所有设置都正确地注入了data-lightbox属性。 设置在插件中没有生效，原因有1个-沿某处输出到页面的html看起来像这样：

<a href="largeimage.png" data-lightbox="{"setting":value"}"> ...

data-lightbox属性周围的''转换为“”-在我的情况下不起作用。 有谁知道为什么将撇号转换为引号，以及如何解决这个问题？ 谢谢！

更新：我有设置变量，既有格式正确的JSON字符串，也有对象。 我试过同时使用Object和data-lightbox属性内的字符串，但是遇到了同样的问题。 浏览器将我的“”转换为“”，这导致JSON错误。

Answer 1

您的报价有误。 HTML属性需要使用双引号。 因此，您需要在JSON值上使用单个值。 您看到的浏览器输出是浏览器试图尽其所能来更正html。