FancyBox, Получение ATTR предмета, на который нажали

Question

У меня есть следующие строки кода:

    $("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") возвращается как неопределенное? Что я делаю не так?

Спасибо

Answer 1

Если вы используете Fancybox 2.0 , вы можете сделать это:

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

Источник: Фрагмент кода от fancyBox Github, выпуск (это работает) =>

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

Answer 2

То, как вы это написали $(this) не то, что вы ожидаете. this в этом контексте - это не a, на который нажали, а то, что this, когда вы запускаете $("a.quickview").fancybox({...}).

Используйте этот код вместо

$("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");
    }
});

Answer 3

Это сделало это для меня:

onComplete: функция (экземпляр, слайд) {

// Clicked element
console.info( slide.opts.$orig );

}