0

我有两个完全相同的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({
4

3 回答 3

0

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

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

于 2013-09-04T00:52:20.347 回答
0

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

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

于 2013-09-04T00:56:31.590 回答
0

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

$('#index1, #index2')

http://jsfiddle.net/QPquS/

于 2013-09-04T01:01:39.170 回答