FancyBox，获取点击项目的 ATTR答案

【问题标题】：FancyBox, Obtaining an ATTR of the item clickedFancyBox，获取点击项目的 ATTR
【发布时间】：2011-02-01 19:07:47
【问题描述】：

我有以下几行代码：

    $("a.quickview").fancybox({
        ajax : {
            type    : "POST",
            data    : 'itemID=' + $(this).attr("name")
        }
    });

绑定在：

<a name="614" class="quickview" href="/URL/index.cfm">quick view</a>

我希望数据以 itemID=614 的形式发布，但 $(this).attr("name") 以未定义的形式返回？我做错了什么？

谢谢

【问题讨论】：

标签： jquery dom jquery-plugins css-selectors fancybox

【解决方案1】：

如果你使用Fancybox 2.0，你可以这样做：

$("a.quickview").fancybox({
    ajax : {
        type    : "POST",
        data    : 'itemID=' + $(this.element).attr("name")
    }
});]

来源：Code snippet from fancyBox Github issue（有效）=>

$(".fancybox").fancybox({
  beforeShow : function() {
    this.title = $(this.element).attr('fancybox-title');
  }
});

【讨论】：

【解决方案2】：

$(this) 的写法不是你所期望的。在这种情况下，this 不是点击的a，而是当您运行$("a.quickview").fancybox({...}) 时this 是什么。

改用此代码

$("a.quickview").each(function() {
    var a = $(this);
    a.fancybox({
        ajax : {
            type    : "POST",
            data    : 'itemID=' + a.attr("name");
        }
    });
});

或者如果只有一个a.quickview 你想绑定fancybox 来使用这个更简单的代码

var a = $("a.quickview");
a.fancybox({
    ajax : {
        type    : "POST",
        data    : 'itemID=' + a.attr("name");
    }
});

【讨论】：

有一个 quickview 的列表
- ，而不是我点击的那个……想法？
quickview 的<ul> 列表是什么意思？您的选择器显示a.quickview，这意味着所有<a> 标记都具有快速查看类

【解决方案3】：

这是为我做的：

onComplete: 函数（实例，幻灯片）{
// Clicked element
console.info( slide.opts.$orig );
}

【讨论】：

这个答案给了我需要的提示。 Fancybox 3：this.opts.$orig