0

这是我下面的代码：

 $(document).ready(function(){

   $("#video1").fancybox({'width': '30%',
            'height'            : '20em',
            'autoScale'         : false,
            'transitionIn'      : 'none',
            'transitionOut'     : 'none',
            'type'              : 'iframe'});

});

   <div class="fancybox"><a id="video1 href="#">Video1</a></div>
   <div class="fancybox"><a id="video2 href="#">Video2</a></div>

所以如果div中有7个fancybox类，我需要写7个重复的函数。有什么方法可以使用

    $('.fancybox').('a')

或类似的东西只使用一个功能来控制它们。Fancybox是一个视频或img的灯箱，基本上如果你点击其中一个链接，就会弹出一个视频。

4

2 回答 2

4

尝试这个：

$('.fancybox a').fancybox({
   // your set up code
});

请注意，您还缺少元素id参数的右双引号。a

于 2013-06-10T14:42:35.287 回答
2

你可以做

$('.fancybox a')

它应该涵盖所有实例

这是它在工作中的一个小提琴

http://jsfiddle.net/N4EwH/

$('.fancybox a').click(function(){alert('clicked');});

确保修复 html 中的语法错误。这可能会导致问题。请参阅我的小提琴以了解更改。（你错过了结束引号）

于 2013-06-10T14:42:18.147 回答