Question

我正在使用最新版本的jQuery插件Cycle2。

我正在使用jQuery以编程方式创建img标记。我希望将一些关于图像的元数据分配给图像，我喜欢这样：

var info =  {title: "A Cool image", credit:"Martin Wesface"};
$("#container").append('<img src="myImg.jpg"/>').data(info);

然后我挂钩cycle-update-view事件处理程序，并试图像我这样获取数据：

$("#imgContainer").on("cycle-update-view", function(event, optionHash, slideOptionsHash, slide) {
    $("#imgContainer> .title").html($(slide).data("title"));
    $("#imgContainer> .time").html($(slide).data("credit"));
});

问题是$(slide).data()不再包含我的数据。我认为它被Cycle2覆盖了。

是否还有其他地方可以放置我的元数据，或者我应采取不同的方法？

Answer 1

这里的答案很简单。我将数据属性附加到图像的parent，而不是图像本身。

固定代码如下所示：

var info =  {title: "A Cool image", credit:"Martin Wesface"};
$('<img src="myImg.jpg"/>').data(info).appendTo("#container");

Cycle2 - 将元数据添加到图像标签

1 个答案: