colorbox bug - vicino colorbox da un collegamento o un pulsante

Question

apro la comparsa chiamando

$.colorbox({ href: "notification.aspx" }); 

In notification.aspx ho

<script type="text/javascript" src="/scripts/colorbox/jquery.colorbox-min.js"></script> 
... 
<a id="btnClose">OK</a> 

Il popup è stato mostrato bene, ma quando clicco sul pulsante dà un errore JavaScript.

in javascript della pagina principale che ho

$('#btnClose').live('click', function() { 
    alert('closing...'); // Alert shown as expected 
    $.colorbox.close(); // Nothing happens, no JavaScript error 
    //$.fn.colorbox.close(); // same 
    //parent.$.fn.colorbox.close(); // same 
    //$.colorbox.remove(); // same 
    //$('#cboxClose').click(); // same 
    //$('#cboxOverlay').click(); // same 
}); 

Sto solo cercando di chiudere il popup.

Cosa mi manca? Grazie in anticipo.

EDIT: L'ho fatto funzionare in qualche modo, scoprirò cosa ha funzionato.

Answer 1

$.colorbox.close() è il modo corretto per chiudere colorbox, non ascoltare questi altri commenti. Il problema è che si sta caricando colorbox una seconda volta. Rimuovere il blocco di script jquery.colorbox.js da notification.aspx.

Answer 2

In notification.aspx si dovrebbe avere

<a id="btnClose" href="javascript:closeBox();">OK</a> 

in javascript della pagina principale si dovrebbe avere

<script type="text/javascript" src="/scripts/colorbox/jquery.colorbox-min.js"></script> 
... 
function closeBox() { 
    $.colorbox.close(); 
} 

Answer 3

$(document).ready(function(){ 

$.colorbox({ 

       inline:true, 
       href:'notification.aspx', 

       onClosed:function(){ alert('closing');     

        $.colorbox.remove(); 
       } 
      }); 
    }); 

Answer 4

grazie a tutti per i vostri commenti.

Questo è davvero strano, ma dopo armeggiare intorno Ho trovato questo lo fa

$('#btnClose').live('click', function() { 
    $.colorbox.remove(); // You have to remove it first (don't know why) 
    $('#cboxClose').click(); // Then this will close the box, $.colorbox.close() still doesn't work 
    $.colorbox.init(); // Re-init, otherwise colorbox stops working 
}); 

Speranza che aiuta qualcuno.

MODIFICA: Anche se è stato risolto il problema, la causa del problema è stata inclusa jquery due volte! (Grazie Jack)

Answer 5

Prova

<a href='#' onclick='parent.$.colorbox.close(); return false;'>Close</a> 

Answer 6

Questo può aiutare qualcuno .Ho hanno creato un pulsante di chiusura personalizzato. Il mio pulsante di chiusura personalizzato sta arrivando in alto a destra e può anche chiuderlo. Il mio codice:

 jQuery(document).ready(function(){ 
     jQuery('<div id="close" style="cursor: pointer; position: absolute; top: 0; right: 30px;"><img src="../img/close.png" alt="close"/></div>').appendTo('.yourparentDiv'); 

     $("#close").click(function() { 
      jQuery('#cboxClose').click(); 
     }); 
    }); 

mi stava affrontando problema alla chiusura della colorbox. Mi ha aiutato.

Answer 7

Questo mi ha aiutato

// 3. Gestire la finestra di dialogo pulsante di annullamento:

$("#CancelDeleteButton").click(function() 
{ 
$.fn.colorbox.close(); 
    return false; 
}); 

Answer 8

la maggior parte delle risposte funzionano se si hanno le seguenti condizioni: 1. genitore e figlio sullo stesso dominio 2.bambino ha JQuery

nel caso in cui si desidera chiudere la casella del bambino e si dispone di una di queste due condizioni effettuare le seguenti operazioni:

nel genitore fare questo:

$('document').ready(
    function() { 
     window.addEventListener("message", function (event) { 
      $.colorbox.close(); 

     }); 
    }); 

nel bambino aggiungere una pulsante di chiusura con il seguente js su click

<input type="button" value="close" onclick="parent.postMessage('child frame', '*');" />