ColorBox - Erreur: cboxElement paramètres manquants objet

Ce que je suis en train de faire est de lire une vidéo à l'intérieur de ColorBox lightbox.

Mon code HTML est comme suit. Quand je clique sur le lien, il devrait jouer la vidéo.

<a href="http://cdn-azu-ns.viddy.com/media/video/0b2b103a-0c40-48a4-877a-64645ef5a0ae-high.mp4?t=634914421568400000" target="_blank" class="photo_link cboxElement iframe">Video</a>

Ce que je fais avec Colorbox est comme ci-dessous. Charger la vidéo dans la lightbox.

jQuery(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});

Il me donne l'erreur ci-dessous.

Error: cboxElement missing settings object

Capture d'écran

ColorBox - Erreur: cboxElement paramètres manquants objet

Que dois-je faire pour résoudre ce problème ? Étant donné qu'il n'existe pas de js erreurs à l'exception ci-dessus. jQuery est inclus correctement.

Je vais avoir le même problème. Mais par exemple, si vous ajoutez ouvert: du vrai dans les paramètres, il fonctionne très bien. Évidemment, il doit travailler sur un clic seulement. Si quelqu'un a la réponse merci de la poster.

OriginalL'auteur Techie | 2013-01-17

  1. 4

    J'ai eu le même problème. Je vais avoir un moment difficile essayer de comprendre exactement pourquoi, mais quelque part le colorbox est en cours d'exécution à un conflit, car il utilise également le nom de "iframe" interne. En quelque sorte, c'est à l'origine d'un conflit au moment de la classname 'iframe' est utilisé comme la catégorie par laquelle la fonction est appelée.

    Dans mon cas, changer

    jQuery(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});

    :

     jQuery(".photo_link").colorbox({iframe:true, width:"80%", height:"80%"});

    travaillé.

    je pense que la réponse n'est pas à l'aide de classes CSS qui sera DOM injecté par la bibliothèque

    OriginalL'auteur BakaKuna

  2. 2

    Ceci a bien fonctionné pour moi. Même si tout était en place et tout le code a été généré dans le backend, pour quelque raison colorbox n'était pas ramasser les liens correctement, car sur ma page, le lien a l'intérieur d'un div qui permet d'afficher ou de masquer à la souris. De toute façon, la façon dont il a travaillé pour moi a été celle-ci:

    $(".iframe").live('click', function(e){
        $(this).colorbox({href: $(this).attr('href'), iframe:true, innerWidth:640, innerHeight:480, open:true});
        e.preventDefault();
        return false;
    });

    De cette façon, vous relier les actions de l'élément et ensuite les forces colorbox pour ouvrir le lien.

    J'espère que cela fonctionne pour vous et ce n'est pas trop tard.

    PS: Si vous êtes à l'aide de jQuery 1.9+ vous devez utiliser à la place de vivre

    OriginalL'auteur Alfonso

  3. 0

    Je suis tombé sur cette même erreur et résolu par la suppression d'un double appel à la colorbox. J'avais compris à la fois la bibliothèque ainsi que mon colorbox fonction séparée en deux fichiers à inclure. J'ai pensé qu'il doit être un doublon car j'ai dû fermer chaque colorbox fenêtre à deux reprises après le lancement.

    Vérifier votre code et assurez-vous que le jquery.colorbox-min.js n'est inclus qu'une seule fois, ainsi que votre fonction qui l'appelle. Dans mon cas, ma fonction était simple:

    $(document).ready(function(){
    $("a.single_image").colorbox();
    $("a.link_preview").colorbox({iframe:true, width:"80%", height:"90%"});
});

    Après la suppression de la double appels, le problème a disparu. Espérons que cela aide!

    OriginalL'auteur Chris

  4. 0

    J'ai vécu cette erreur Erreur: cboxElement paramètres manquants objet lors d'un deuxième jQuery sur le document prêt appel de fonction après la première sur le document prêt appel de fonction qui détient le colorbox paramètres.

    Ma situation:

    • Sur mes pages que j'utilise et je call juste, l'autre externe .fichier js qui contient tous les
      mon code.

    • À l'intérieur de l'extérieur .fichier js, j'ai le colorbox paramètres dans un
      jQuery sur le document prêt de la fonction.

    • Sur la difficulté de la page (la page avec cboxElement paramètres manquants objet

      erreur      ), immédiatement après l'externe .fichier js, j'ai eu quelques

      jQuery code utilisé le sur le document prêt de la fonction: $(function(){});

    Mon problème:

    Cette seconde sur le document prêt appel provoqué et a déclenché l'erreur Erreur: cboxElement paramètres manquants objet pour moi.

    Ma solution:

    Le correctif a été aussi facile que de modifier la difficulté des pages de code à partir de l'aide de de jQuery sur le document prêt de la fonction à l'aide de Javascript natif auto-exécution de la fonction anonyme.

    (function(){
})();

    Bien sûr l'erreur Erreur: cboxElement paramètres manquants objet s'en alla, et tout fonctionne parfaitement!

    OriginalL'auteur Giancarlo Colfer