jquery - 将 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，但这不起作用。详细信息请参阅上一个问题
the index value of attribute

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({
    ...