Question

这是我的代码：

 $(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的灯箱，基本上如果你点击其中一个链接，就会弹出一个视频。

Answer 1

试试这个：

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

请注意，您还错过了id元素的a参数的结束双引号。

Answer 2

你可以做到

$('.fancybox a')

它应涵盖所有实例

这是工作中的小提琴

http://jsfiddle.net/N4EwH/

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

确保修复html中的语法错误。这可能会导致问题。看到我的小提琴变化。（你错过了收尾引号）

如何使用div类获取超链接ID？

2 个答案: