Передать аттрибуты ссылки в форму (input)

[repz]

Здравствуйте!
Есть страница с множеством однотипных ссылок, различаются лишь параметры:

......
<a class="fancybox" href="#form" data-type="0" data-type1="1" data-type2="2">смотреть</a>

<a class="fancybox" href="#form" data-type="3" data-type1="4" data-type2="5">смотреть</a>
......

Есть форма с полями:

<input id="category" value="" name="category">
<input id="size" value="" name="size">
<input id="color" value="" name="color">

Есть обработчик:

'onComplete' => array (
	'noquotes' => true,
	'default' => 'function() {var TID = jQuery(".fancybox").attr("data-type"); jQuery("#category").val(TID); 
                                  var CID = jQuery(".fancybox").attr("data-type1"); jQuery("#size").val(CID);
                                  var GID = jQuery(".fancybox").attr("data-type2"); jQuery("#color").val(GID); 
}'

	),

Естественно не работает при нажатии ссылки дальше 1, т.к. берет первый нашедший класс.

Помогите исправить, что бы из каждого тега <a> брались свои атрибуты.

Заранее спасибо.

[danik.js]

Есть обработчик

Где он есть то? Че за шняга тупая?


Вешаешь фэнсибокс на каждую ссыль поотдельности. И там уже по ситуации.

Ну типа

$('.fancybox').each(function() {

$(this).fancybox(...)

});

[repz]

Это плагин easy-fansybox для wp. Хотелось бы его победить.

[danik.js]

Думаю гиблое дело. выкинь плагин, подключай вручную. так быстрей будет.

[repz]

Думаю, что да....
но все равно пытаюсь, пробовал повесить click

$(document).ready(function(){
$("a.fancybox").click(function () {
var TID = $(this).attr("data-type"); jQuery("#category").val(TID); 
var CID = $(this).attr("data-type1"); jQuery("#size").val(CID);
var GID = $(this).attr("data-type2"); jQuery("#color").val(GID); 
 });
  });

Отваливается вообще форма, mousedown попробовать?

[repz]

Может кому пригодится)
Плагин easy-fancybox для wp + cf7 передача параметра в форму через ссылку:
1) Добавляем скрипт в head (header.php)

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
 $(document).ready(function(){
jQuery(".fancybox").click(function () {
var category = jQuery(this).attr("data-type");  jQuery("#category").val(category); 
var size = jQuery(this).attr("data-type1"); jQuery("#size").val(size);
var color = jQuery(this).attr("data-type2"); jQuery("#color").val(color); 
 });
  });
</script>

2) Вешаем доп атрибуты на ссылку для показа контакной формы на cf7:

<a class="fancybox" href="#form" data-type="0" data-type1="44" data-type2="Красный">смотреть</a>
<a class="fancybox" href="#form" data-type="1" data-type1="46" data-type2="Зеленый">смотреть</a>

3) В форму соответственно добавляем поля:

<input id="category" value="" name="category">
<input id="size" value="" name="size">
<input id="color" value="" name="color">