将id的值发送到fancy box

时间:2010-11-19 01:36:43

标签: jquery jquery-selectors fancybox

我对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

1 个答案:

答案 0 :(得分:3)

假设您的所有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'
});

但是,使用class属性集体解决它们会更直接,如下所示:

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

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