javascript - colorbox:发送带有发布数据的数据属性

Question

我正在为选择器中具有 data-myid 属性的每个链接打开一个颜色框(AJAX 页面)，我想发送 data-myid 属性值与发布请求一起返回正确的页面。

$(".gallery-media-cover a[data-myid]").colorbox({
    href: 'ajax/view//image',
    data: {
        myid: $(this).attr("data-myid"),
    },
});

它在我只写:myid: 123 时有效，但它们是动态的，所以我需要从链接中获取它们。每当我尝试时，当我使用 $(this).attr("data-myid")

时， myid 都会被发布为未定义

我真的尝试了任何可能的方法来获取 url 的数据属性以随我的请求发送它，但似乎没有一个有效。我 100% 确定 data-myid 在链接中。

还有

myid: function() {
    return $(this).attr("data-myid");
}

和

$(this).data("id")

保持未定义，我真的没有选择。任何人都可以分享这方面的信息吗？

Answer 1

在您提供给 colourbox() 方法的对象的上下文中，this 不引用被单击的链接。为了实现您的要求，您可以遍历每个链接并单独实例化颜色框:

$(".gallery-media-cover a[data-myid]").each(function() {
    var $el = $(this);
    $el.colorbox({
        href: 'ajax/view//image',
        data: {
            myid: $el.data('myid'),
        },
    });
});