使用两个ids相同的Fancybox

Question

我有两个fancybox iframes，它们完全相同，都在同一个页面上--它们只是在不同的地方(是的，它们都是必需的)。目前，jquery代码引用了它们：

$(function() {
    $("#index").fancybox({
        'width'             : 615,
        'height'            : 450,
        'autoScale'         : true,
        'autoDimensions'    : true,
        'transitionIn'      : 'elastic',
        'transitionOut'     : 'fade',
        'overlayColor'      : '#111',
        'type'              : 'iframe'
    });
});
// index2   
$(function() {
    $("#index2").fancybox({
        'width'             : 615,
        'height'            : 450,
        'autoScale'         : true,
        'autoDimensions'    : true,
        'transitionIn'      : 'elastic',
        'transitionOut'     : 'fade',
        'overlayColor'      : '#111',
        'type'              : 'iframe'
    });
});

我称它们为#index和#index2。将这些语法组合成同一个函数的语法是什么？有可能吗？我的意思是这样的：

$(function() {
$("#index" && "#index2").fancybox({

Answer 1

不熟悉fancybox，但如果可以使用类选择器而不是ids，则可以为两个元素提供相同的类，比如“花哨”，然后通过

$('.fancy').fancybox({...

Answer 2

如果两个花哨的盒子都在做完全相同的事情，你就不能用一个来改变iframe所指向的页面。

我认为您不能将它们组合起来，因为代码是在说明如何具体设置每个索引。

Answer 3

您可以使用这个CSS类选择器来锁定这两个ID。

$('#index1, #index2')

http://jsfiddle.net/QPquS/