jquery - 运行以下 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 以确保它们已被初始化。每个元素可以有 1 个以上的类，因此它也不会影响现有的类。大多数时候，当您有一组东西时，明智的做法是使用类，这样您就可以在使用 jQuery 操作它们时将它们视为此类。