正确的方法来运行以下JQuery脚本？

Question

我正在使用FancyBox插件,当用户点击一个小图片时,会弹出一个更大的图像.我看到用1张图片做的代码,但不是2,所以我认为正确的方法是做下面的事情,如果它是正确的我很好奇吗？你是否只是将你希望fancybox的语句元素放在彼此之后.

<script type="text/javascript">
    $(document).ready(function() {
        $("a#link1").fancybox();
        $("a#link2").fancybox();
    });
</script>

Answer 1

如果您计划使用多个链接,您可以将它们全部给予它们fancybox,然后执行以下操作:

$(function() {
    $('a.fancybox').fancybox();
});

这样,只要你有新的链接应该是花哨的盒子,你不必给他们唯一的ID,并回到javascript,以确保他们正在初始化.每个元素可以有多个类,因此它也不会影响现有的类.大多数情况下,当你有一些东西时,使用类是明智的,所以你可以在使用jQuery操作它们时将它们视为这样.