envoyer la valeur de id à la boîte de fantaisie

Question

J'ai une valeur différente pour l'attribut id que j'ai besoin d'envoyer à la boîte de fantaisie.

$('a.Links').click(function() {       
    var clickID = $(this).attr('id') ; 
    alert(clickIDID); 
}); 

$("#"+clickID).fancybox({ 
    'width' : '75%', 
    'height' : '75%', 
    'autoScale' : false, 
    'transitionIn' : 'none', 
    'transitionOut' : 'none', 
    'type' : 'iframe', 
    'titlePosition' : 'outside', 
    'content' : 'testl' 
}); 

Comment puis-je envoyer la valeur de clickID à la boîte .fancy. J'ai essayé d'ajouter le .fancybox dans la fonction de clic, mais cela ne fonctionne pas. voir la question précédente pour les détails
the index value of attribute

Answer 1

Supposons que tous vos identifiants commencent par le mot 'popup_', (popup_1, popup_2 etc.), vous pouvez ensuite utiliser le sélecteur Attribute Starts With comme ceci:

// initialize fancybox for all elements with ID starting with 'popup_' 
$("[id^=popup_]").fancybox({ 
    'width' : '75%', 
    'height' : '75%', 
    'autoScale' : false, 
    'transitionIn' : 'none', 
    'transitionOut' : 'none', 
    'type' : 'iframe', 
    'titlePosition' : 'outside', 
    'content' : 'testl' 
}); 

Cependant, il serait plus simple d'utiliser un attribut de classe pour les traiter collectivement, comme ceci:

<a class="popup">Foo</a> 
<img class="popup" src="foo.jpg"/> 

$(".popup").fancybox({ 
    ...