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操作它们时将它们当作对待它。

Answer 2

是否将要运行的代码放入 ready 块是正确的。您可以使用更短的语法

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

完全相同。

Answer 3

是的，看起来不错。

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

3 个答案: