jquery - 彩盒动态网址

Question

Colorbox 不会接受它出现的动态 url？，不知道为什么这不起作用..（选择器是具有动态生成值（sku）的“scr”的图像。有什么想法吗？

准备好文档。

$('.product-selected .column-2 img').css('cursor', 'pointer').colorbox({
                  href : '/loading-designer?sku='+$(this).attr('alt')+'&type=direct'
            });

Answer 1

您需要控制“this”（执行上下文）的值。在这种情况下，$(this).attr('alt')可能是undefined因为this很可能是指窗口对象。

要确保它this引用您的 img 元素，您可以执行以下操作：

$('.product-selected .column-2 img').css('cursor', 'pointer').colorbox({
    href : function(){ 
           return '/loading-designer?sku='+$(this).attr('alt')+'&type=direct';
    }
});

或这个：

$('.product-selected .column-2 img').css('cursor', 'pointer').each(function(){
    $(this).colorbox({href : '/loading-designer?sku='+$(this).attr('alt')+'&type=direct'});
});