TypeError: $(...).colorbox est pas une fonction

Je suis en utilisant soufflet code js

<script type="text/javascript"> 
    $(document).ready(function(){
        $(".youtube").colorbox({iframe:true, innerWidth:640, innerHeight:390});
        $(".callbacks").colorbox({
        onOpen:function(){ alert('onOpen: colorbox is about to open'); },
        onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
        onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
        onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
        onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
        });
    });
    </script>

Puis ce soufflet erreur en provenance

TypeError: $(...).colorbox est pas une fonction [Pause Sur Cette Erreur] 

$(".youtube").colorbox({iframe:true, innerWidth:640, innerHeight:390});

quand je clique sur un lien vidéo directement dans l'ouverture de la page au lieu de lightbox effet

InformationsquelleAutor Ras4U | 2013-10-18
  1. 2

    C'est à peu près le plus dépouillé exemple que je peux donner, en combinant votre code avec des exemples de code à partir du site web (en particulier le JS et CSS de cette page: http://www.jacklmoore.com/colorbox/example2/). Notez que /public est là que j'ai stocker des avoirs extérieurs dans ma configuration.

        <!DOCTYPE html>
    <html lang="en">
    <head>
    <link rel="stylesheet" href="/public/colorbox.css" />
    </head>
    <body>
    <a class="youtube cboxElement" href="http://www.youtube.com/embed/VOJyrQa_WR4?rel=0&amp;wmode=transparent">Flash / Video (Iframe/Direct Link To YouTube)</a>
    <script src="/public/jquery-1.10.2.js"></script>
    <script src="/public/jquery.colorbox.js"></script>
    <script type="text/javascript"> 
    $(document).ready(function(){
        $(".youtube").colorbox({iframe:true, innerWidth:640, innerHeight:390});
        $(".callbacks").colorbox({
        onOpen:function(){ alert('onOpen: colorbox is about to open'); },
        onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
        onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
        onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
        onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
        });
    });
    </script>
    </body>
    </html>

    Que le code produit d'un lien qui, lorsqu'on clique dessus, ouvre une lightboxed vidéo avec vos spécifications de taille.

    • Ainsi était la raison pour laquelle il n'a pas de travail parce que le <a> lien a été écrit après le code js a été écrit?
    InformationsquelleAutor devonnigelreed