Richtige Methode zum Ausführen des folgenden JQuery-Skripts?

Question

Ich benutze das FancyBox-Plugin und wenn der Benutzer auf ein kleines Bild klickt, erscheint ein größeres Bild. Ich sah den Code, um es mit 1 Bild zu machen, aber nicht für 2, also nahm ich an, der richtige Weg wäre, einfach folgendes zu tun, was mich interessiert, ob es korrekt ist oder nicht? Legen Sie einfach das Statement-Element, mit dem die fancybox arbeiten soll, direkt hintereinander an.

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

Answer 1

Wenn Sie mit mehreren Links planen Sie dies mit nur wollen, können Sie nur geben sie alle eine Klasse von fancybox und dann tun:

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

Auf diese Weise, wenn Sie neue Links, die Phantasie sein sollte Sie müssen ihnen keine eindeutigen IDs geben und kehren zum Javascript zurück, um sicherzustellen, dass sie initialisiert werden. Sie können mehr als eine Klasse pro Element haben, so dass es auch keine Auswirkungen auf vorhandene Klassen hat. Meistens ist es sinnvoll, Klassen zu verwenden, wenn Sie über etwas verfügen, damit Sie sie als solche behandeln können, wenn Sie sie mit jQuery manipulieren.

Answer 2

Ja, das sieht gut aus.

Answer 3

Ja, es ist richtig, den Code, den Sie ausführen möchten bereit Block. Sie können kürzere Syntax

verwenden, die genau das gleiche tut.