将 id 的值发送到 fancy box

Question

我有不同的 id 属性值，需要发送到精美的盒子。

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

如何将 clickID 的值发送到 .fancy 框。我尝试在单击功能中添加 .fancybox，但这不起作用。详细信息请参阅上一个问题
属性的索引值

Answer 1

假设您的所有 ID 均以“popup_”一词开头（popup_1、popup_2 等），那么您可以使用 Attribute Starts With 选择器如下所示：

// 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'
});

但是，使用类属性来集体寻址它们会更直接，如下所示：

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

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