Javascript colorbox:使用post数据发送数据属性

Javascript colorbox:使用post数据发送数据属性,javascript,jquery,ajax,colorbox,custom-data-attribute,Javascript,Jquery,Ajax,Colorbox,Custom Data Attribute,我正在为选择器中具有datamyid属性的每个链接打开一个颜色框(AJAX页面),我希望通过post请求发送datamyid属性值以返回正确的页面 $(".gallery-media-cover a[data-myid]").colorbox({ href: 'ajax/view//image', data: { myid: $(this).attr("data-myid"), }, }); 当我只写:myid:123时它就工作了,但是它们是动态的,所以

我正在为选择器中具有
datamyid
属性的每个链接打开一个颜色框(AJAX页面),我希望通过post请求发送
datamyid
属性值以返回正确的页面

$(".gallery-media-cover a[data-myid]").colorbox({
    href: 'ajax/view//image',
    data: {
        myid: $(this).attr("data-myid"),
    },
});
当我只写:
myid:123
时它就工作了,但是它们是动态的,所以我需要从链接中获取它们。每当我尝试时,当我使用
$(this.attr(“data myid”)

我真的尝试了任何可能的方法来获取url的数据属性,并将其与我的请求一起发送,但似乎没有一种方法起作用。我100%确定链接中有
数据myid


保持不确定,我真的没有选择。有人可以分享一下吗?

在您提供给
colorbox()
方法
的对象上下文中,此
不引用单击的链接。为了达到您的要求,您可以在每个链接上循环并单独实例化颜色框:

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