fermeture jquery colorbox avant les sauts de charge jquery,

Question

J'utilise jquery colobox pour afficher la popup dans mon application asp.net mvc (C#).

Ce qui suit est la ligne d'appeler colorbox:

$.fn.colorbox({ href: '/User/Detail', width: "1200px", height: "560px", title: "User Detail", overlayClose: false }); 

UPDATE (en utilisant le ci-dessous avec la dernière version):

$.colorbox({ href: '/User/Detail', width: "1200px", height: "560px", title: "User Detail", overlayClose: false }); 

Lorsque je clique sur le bouton de fermeture de colorbox, avant l'ouverture, ça casse tout, y compris jquery. Je montre les détails de l'utilisateur (Personnel, Facturation, ...) dans les onglets de jquery dans le popup qui est ouvert en utilisant colorbox. Lorsque je clique sur un lien pour ouvrir la palette de couleurs (détails de l'utilisateur) et quand je clique sur le bouton de fermeture, avant de charger (quand le chargeur est toujours affiché), la prochaine fois que je clique sur le même lien, les onglets et tous les événements comme clic lié par jquery) sont cassés.

Une idée à ce sujet?

Answer 1

Utilisez-vous un iframe ... c'est de la documentation:

ColorBox cassé ou afficher de manière incorrecte lorsque les documents de chargement:

Souvent, cela est dû à ne pas utiliser une iframe quand un iframe serait requis. La méthode par défaut, ajax, est uniquement pour les éléments pouvant exister dans un élément.

Si vous chargez un document HTML avec, et éléments, puis en utilisant une iframe est nécessaire. Bien que l'imbrication de ces éléments peut sembler afficher correctement dans certains navigateurs, il est HTML non valide et ne devrait pas être dépendait de. N'oubliez pas de définir la largeur et les valeurs de hauteur pour ColorBox lorsque en utilisant un iframe, il n'a aucun moyen de sachant les dimensions des éléments qui existent dans l'iframe.

ColorBox exploite la charge de jQuery méthode de gestion de l'ajax. Si vous êtes chargement d'un document du même domaine que votre document en cours, vous pouvez utiliser un sélecteur retirer juste la partie du document qui est nécessaire. Exemple:

$('#example').colorbox({href:"document.html div#content"});