Javascript jQuery place attr src在Chrome中不工作

问题

我的问题是Chrome没有从图像中放置属性

注意：以下代码段在Firefox和Internet Explorer中正常工作，没有任何错误

我想做什么

我想抓住图像的来源，并把它放在一个 数据缩放图像属性。 然后，通过查找.png并将该部分替换为-large.png，操作放置在“数据缩放图像”属性中的url。 在Chrome中，属性放置在图像标记中，但它仅显示：

data-zoom-image="undefined"

---

我可以对代码片段进行哪些改进以使其在Chrome中工作？

要设置数据属性，可以使用

$(this).addClass("zoom").data('zoom-image', '' + src + '');

---

为什么不使用.data而不是.attr？+src+？jQuery的.data函数data-attributes@dave是的，它可以。它们将存储在jQuery的数据缓存中，而不是作为DOM中元素的属性，但是说不能使用数据写入是不正确的。将attibute更改为data似乎不会破坏Firefox和IE中的代码。但是现在在Chrome上，在标记至少生成为未定义之前，根本不会放置标记。有什么想法吗？@Scopestyle将设置数据，但不会显示在DOM中。您需要使用数据来设置和获取值，它会很好地工作。@Rorymcrossan我已经准备了一个。请你看一下，看看能不能告诉我我错过了什么？

$(this).addClass("zoom").data('zoom-image', '' + src + '');