gpt4 book ai didi

javascript - 在 html 数据属性中存储图像标签数组并在单击时检索它们

转载 作者:行者123 更新时间:2023-11-28 15:24:58 25 4
gpt4 key购买 nike

我有一个 Web 服务,它向我返回一组图像 URL。我想利用这些 URL 构造一个 html 图像标签数组,然后将该数组存储在稍后调用的数据属性中。这是它在我存储它的元素中的样子。这个 <a>将是无序列表 <ul> 的一部分

<a data-path='["<img src="pics/portrait-0.png">","<img src="pics/portrait-1.png">","<img src="pics/portrait-2.png">"]' href="#">Item 1</a>

当我去检索新元素时,我正在运行下面的代码。图像标签被传递到一个名为 Cycle2 的 jQuery 插件中。当下面的代码遇到未知 token 错误的“JSON.parse()”时,它就会被破坏。 “数据路径”中的内容结构是否不正确?有更好的方法来做到这一点吗?

var onSelect = function(e) {
var data;
data = e.target.getAttribute('data-path');
var pages = JSON.parse(data);
for (var i = 0; i < pages.length; i++) {
display.cycle('add', pages[i]);
}
};

最佳答案

我认为只保存数据属性上的图像路径更干净:

<a data-path='["pics/portrait-0.png", "pics/portrait-1.png","pics/portrait-2.png"]' href="#">Item 1</a>

然后创建一个 <img>使用 jQuery 的对象:

var onSelect = function(e) {
var data;
data = e.target.getAttribute('data-path');
var pages = JSON.parse(data);
for (var i = 0; i < pages.length; i++) {
display.cycle('add', $('<img/>').attr('src', pages[i]));
}
};

关于javascript - 在 html 数据属性中存储图像标签数组并在单击时检索它们,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29419478/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com