TypeError: $(...).colorbox ist nicht eine Funktion

Ich bin mit Balg js-code

<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>

Dann dieses Balg kommen die Fehler

TypeError: $(...).colorbox ist nicht eine Funktion [Pause zu Diesem Fehler] 

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

wenn ich auf video-link direkt öffnen in die Seite anstelle von lightbox-Effekt

InformationsquelleAutor Ras4U | 2013-10-18
  1. 2

    Dies ist nur über die abgespeckte Beispiel, das ich geben kann, Sie kombiniert den code mit ein paar Beispiel-code von der website (insbesondere die JS und CSS von dieser Seite: http://www.jacklmoore.com/colorbox/example2/). Beachten Sie, dass die /der öffentlichkeit ist, wo Speichere ich externe Ressourcen in meinem setup.

        <!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>

    Dass code erzeugt einen link, wenn darauf geklickt wird, öffnet sich ein lightboxed video mit Ihrer Größe Spezifikationen.

    • So war der Grund, warum es nicht funktioniert, weil der <a> link wurde geschrieben, nachdem der js-code geschrieben wurde?
    InformationsquelleAutor devonnigelreed
Schreibe einen Kommentar