jQuery ColorBox bouton de fermeture déclencher la publication

Question

J'ai un colorQox jQuery qui affiche un userControl avec des commandes html.

Le ColorBox est lancé lorsque l'utilisateur clique sur un lien avec la classe « colorBoxLink »:

$j(".colorBoxLink").click((function() { 
      $j("div#popup").show(); 
      var editor = new wysihtml5.Editor("wysihtml5_textarea", { // id of textarea element 
       toolbar: "wysihtml5-toolbar", // id of toolbar element 
       parserRules: wysihtml5ParserRules, // defined in parser rules set 
       stylesheets: ["Styles/wysihtml5.css", "Styles/wysihtml5.css"] 
      }); 

      $j.colorbox({ 
       inline: true, 
       href: "#popup", 
       modal: true, 
       scrolling: false, 
       onCleanup: function() { 
        $j("div#popup").hide(); 
       } 

      }); 

     })); 

Si je clique hors du contrôle, il se ferme si nécessaire (si l'utilisateur décide de ne pas ajouter tout contenu) . Toutefois, si l'utilisateur clique sur le bouton "x" sur le colorBox, il provoque la publication et le rechargement de la page.

Comment l'arrêter?

Answer 1

dans la fonction javascript. Ensuite, il ne sera pas postback.

$j(".colorBoxLink").click((function() { 
     $j("div#popup").show(); 
     var editor = new wysihtml5.Editor("wysihtml5_textarea", { // id of textarea element 
      toolbar: "wysihtml5-toolbar", // id of toolbar element 
      parserRules: wysihtml5ParserRules, // defined in parser rules set 
      stylesheets: ["Styles/wysihtml5.css", "Styles/wysihtml5.css"] 
     }); 

     $j.colorbox({ 
      inline: true, 
      href: "#popup", 
      modal: true, 
      scrolling: false, 
      onCleanup: function() { 
       $j("div#popup").hide(); 
      } 

     }); 
     return false; 
    })); 

Answer 2

bouton Fermer de Colorbox est en fait un élément de bouton, ce qui provoque ASP pour l'interpréter dans le cadre d'une forme et d'essayer de présenter ce qui est sur la page. Vous devez créer un faux bouton de fermeture qui ressemble à celui-ci (regardez le code colorbox.css pour cela) mais est soit une balise ou une balise au lieu d'une balise, et soit supprime le bouton de fermeture via javascript soit cache le dans css en utilisant un! tag important. Vous pouvez référencer le bouton de fermeture en utilisant l'identifiant "cboxClose". Votre faux bouton de fermeture devrait appeler jQuery.colorbox.close(); sur clic.