jQuery ColorBox關閉按鈕觸發回發

我有一個jQuery colorBox彈出一個userControl與一些html控件。當用戶點擊與「colorBoxLink」類的鏈接jQuery ColorBox關閉按鈕觸發回發

的彩盒啓動：

$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(); 
       } 

      }); 

     }));

如果我點擊關閉根據需要將其關閉控制（即如果用戶決定不添加任何內容）。但是，如果用戶單擊colorBox上的「x」按鈕，則會導致回發並重新加載頁面。

我該如何解決這個問題？

來源

2013-03-14 Ben

這是什麼樣的按鈕x。意味着asp.net按鈕還是什麼？ – 2013-03-14 09:00:07

在javascript函數中。然後它不會回發。

$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; 
    }));

來源

2013-03-14 08:50:06

它仍然使用此回發。 :-(這是否是返回錯誤的正確位置;？ – Ben 2013-03-14 09:05:24

設置斷點並檢查語句結束的位置，然後將返回置於... – 2013-03-14 09:26:27

彩盒的關閉按鈕實際上是一個按鈕元素，這將導致ASP將其解釋爲一種形式的一部分，並試圖提交什麼頁面上。你需要創建一個假關閉按鈕，看起來是一樣的（查看colorbox.css代碼），但不是標籤，而是一個或一個標籤，並通過javascript刪除關閉按鈕或隱藏在CSS中使用一個！重要的標籤。您可以使用ID「cboxClose」引用關閉按鈕。你的假關閉按鈕應該調用jQuery.colorbox.close（）;點擊。

來源

2013-04-08 20:32:05

jQuery ColorBox關閉按鈕觸發回發

回答

相關問題