Question

我有两个完全相同的fancybox iframe，它们都在同一个页面上 - 它们只是在不同的地方（是的，它们都是必要的）。目前，它们被这个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

如果两个花哨的盒子做的完全相同，你不能只使用一个并改变iframe指向的页面。

我认为你不能将它们结合起来，因为代码说的是如何专门设置每个索引。

Answer 2

不熟悉fancybox，但是如果你可以使用类选择器而不是id，你可以给两个元素提供相同的类，比如“fancy”，并通过

访问它们

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

Answer 3

您可以使用此CSS选择器来定位两个ID。

$('#index1, #index2')

http://jsfiddle.net/QPquS/

使用具有2个ID的Fancybox相同

3 个答案: