以下のjQueryのスクリプトを実行するための適切な方法はありますか？

StackOverflow https://stackoverflow.com/questions/731419

  •  06-09-2019
  •  | 
  •  

質問

私はFancyBoxプラグインを使用していますが、ユーザーは小さな画像をクリックすると、大きな画像がポップアップ表示されます。私は1枚の画像でそれを行うためではなく、2のコードを見たので、私は正しい方法だけで次の操作を行うことだったと仮定、それが正しいかではない場合、私は好奇心ていますか？あなたはちょうどあなたがfancyboxがお互いの後に右に操作したい文の要素を入れてくださいます。

<script type="text/javascript">
    $(document).ready(function() {
        $("a#link1").fancybox();
        $("a#link2").fancybox();
    });
</script>
役に立ちましたか？

解決

あなたは、これが起こるとしたいいくつかのリンクを持つことを計画している場合、

、あなただけの彼らにfancyboxのすべてのクラスを与え、次に行うことができます：

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

この方法は、あなたが空想の箱である必要があり、新たなリンクを持っている時はいつでも、あなたは彼らに固有のIDを与え、彼らはinitiliazedされていることを確認するために戻ってJavaScriptに来ることはありません。それはまた、既存のクラスには影響しませんので、あなたは、要素ごとに複数1クラスを持つことができます。あなたが何かのセットを持っているほとんどの時間、jQueryを使ってそれらを操作するとき、あなたがそのように扱うことができるようにクラスを使用するのが賢明です。

他のヒント

うん、それはあなたがの準備のブロックに実行したいコードを配置するための正しいです。あなたは短い構文を使用することができます。

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

正確に同じことをしている。

はい、それはよさそうです。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top