2

FancyBox プラグインを使用しています。ユーザーが小さな画像をクリックすると、大きな画像がポップアップ表示されます。1つの画像でそれを行うためのコードを見ましたが、2つの画像では行わないため、正しい方法は次のようにすることだと思いました。ファンシーボックスで操作したいステートメント要素を次々と配置するだけですか。

<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 に戻ってそれらが初期化されていることを確認する必要がなくなります。要素ごとに複数のクラスを持つことができるため、既存のクラスにも影響しません。ほとんどの場合、何かのセットがある場合はクラスを使用するのが賢明です。そうすれば、jQuery でそれらを操作するときにクラスとして扱うことができます。

于 2009-04-08T19:23:22.250 に答える
2

はい、実行したいコードをreadyブロックに入れるのは正しいです。より短い構文を使用できます

<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 に答える