2

我正在使用 FancyBox 插件，当用户单击小图像时，会弹出更大的图像。我看到了使用 1 张图像而不是 2 张图像的代码，所以我认为正确的方法是执行以下操作，我很好奇它是否正确？您是否只是将您希望fancybox 操作的语句元素紧挨着放置。

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

3 回答 3

5

如果您打算拥有多个希望发生这种情况的链接，您可以只给它们一个类，fancybox然后执行以下操作：

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

这样，每当您有应该是花哨的框的新链接时，您不必给它们唯一的 ID 并返回到 javascript 以确保它们被初始化。每个元素可以有 1 个以上的类，因此它也不会影响现有的类。大多数时候，当您拥有一组东西时，使用类是明智的，这样您就可以在使用 jQuery 操作它们时这样对待它们。

于 2009-04-08T19:23:22.250 回答
2

是的，将要运行的代码放入就绪块中是正确的。您可以使用更短的语法

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

这完全一样。

于 2009-04-08T19:20:58.433 回答
1

是的，看起来不错。

于 2009-04-08T19:13:50.213 回答