將ID的值發送到花式框

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

然而，使用class屬性來集體解決這些問題會更直截了當，如下所示：

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

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