参数中的 jQuery、Colorbox、jQuery 语法

Question

我想执行以下操作，但它不起作用。我再次确信它应该 很简单，但我无法编译它。

$(".villa-caller").colorbox({
    innerWidth: "850px",
    innerHeight: "500px",
    inline: true,
    href: "#"+$(this).attr("rel")+"",
    onClosed:function(){colorbox_closed();}
});

在 href 参数上，我使用 jQuery 语法从单击的元素获取 rel 属性的值。

感谢您的帮助

Answer 1

我认为这里的问题是由于 this 的范围造成的。请尝试以下操作：

$(".villa-caller").each(function() {
    $(this).colorbox({
        innerWidth: "850px",
        innerHeight: "500px",
        inline: true,
        href: "#" + $(this).attr("rel") + "",
        onClosed:function(){ colorbox_closed(); }
    });
});

这应该确保 this 是您要初始化 colourbox 的 .villa-caller 元素。

Answer 2

我认为问题是你在这里使用它，因为我认为它没有引用你的想法（当前对象的类“villa-caller”

href: "#"+$(this).attr("rel")+"",

编辑 - 你可以这样做

$(".villa-caller").each(function() {
    var href = "#" + $(this).attr("rel");
    $(this).colorbox({
      innerWidth: "850px",
      innerHeight: "500px",
      inline: true,
      href: href ,
      onClosed: colorbox_closed()
});

Answer 3

编辑：

尝试以下操作：

更改

href: "#"+$(this).attr("rel")+""

至

href: "#"+$(".villa-caller").attr("rel")