2012-06-11 5 views
1

J'essaie d'obtenir une fenêtre ColorBox iFrame pour sortir d'une page. Je réussis à sortir de la page, mais il disparaît presque instantanément. Je ne peux pas l'obtenir pour rester sur la page pour la vie de moi et encore moins charger n'importe quoi dans la fenêtre avant qu'il se ferme.href jQuery Colorbox problème

Voici ce que j'ai:

<script type="text/javascript"> 
    function OpenCBox() 
    { 
     $.colorbox({href:"http://www.cnn.com", iframe: true, width: "80%", height: "80%", transition: "elastic"}); 
    } 
</script> 

Ceci est ma fonction JavaScript qui appelle OpenCBox() qui exécute l'action.

Cela va sortir la fenêtre pendant .2 secondes, puis disparaître instantanément. Je ne comprends pas ce qui se passe. Je suis fou de ne pas pouvoir comprendre cela. Toute aide serait excellente!

Merci.

+2

Est-il possible que le fait de cliquer sur le bouton déclenche une publication ajax et remplace le code HTML pour la palette de couleurs? Essayez ce code et voyez si la boîte dure: 'Test CBox'. Si cela fonctionne, alors il est très probable qu'une publication est en cours. – sparebytes

+0

D'accord avec Kranklin. Essayez d'utiliser un bouton HTML normal à la place. – Maverick

+0

Merci beaucoup! Ce bouton HTML normal a fonctionné parfaitement. Tellement bizarre que ça agisse comme ça. Maintenant que j'y pense, il semble vraiment qu'une publication se produit lorsque la palette de couleurs est en train de se charger et la coupe. –

Répondre

0

J'ai pris la solution ci-dessus d'ajouter un bouton HTML au lieu d'un bouton ASP.NET en raison d'un retour automatique qui tirait.

<script type="text/javascript"> 
    function OpenCBox() 
    { 
     $.colorbox({href:"NewMMR.aspx", iframe: true, width: "50%", height: "50%", transition: "elastic"}); 
    } 
</script> 

Cette fonction me mènera à "NewMMR.aspx" dans une fenêtre ColorBox.

Et au lieu d'utiliser l'aspic ci-dessus: bouton, j'ai utilisé les éléments suivants:

<input id="NewRecordBTN" type="button" onclick="OpenCBox()" 
value="New Material Move Request" /> 

Cette tranché la question parce que le bouton HTML normal n'a pas causé un autopostback. J'espère que cela peut aider quelqu'un d'autre un jour.