добавьте «вы уверены, что хотите покинуть страницу без сохранения» на форме с всплывающим окном colorbox

Question

У меня есть форма на всплывающем цветном боксе, и если пользователь редактирует одно из текстовых полей, а затем они нажимают на отмену, я хочу всплывающее окно, которое отображает что-то например «вы уверены, что хотите уйти без сохранения?». В настоящее время я всплывающее окно показывает, но он показывает после того, как всплывающее окно Colorbox уже закрыт

ТАБЛИЦА ПОЛЬЗОВАТЕЛЕЙ ПААГ

$('a.openDialog').colorbox({ 
       iframe: true, 
       transition: "elastic", 
       width: "75%", height: "90%" 
      }); 

АКТУАЛЬНАЯ ФОРМА СТР

$(':input', 'form').bind("change", function() { 
       setConfirmUnload(true); 
      }); 


function setConfirmUnload(on) { 

       window.onbeforeunload = (on) ? unloadMessage : null; 
      } 

      function unloadMessage() { 
       return 'You have entered new data on this page.' + 
     ' If you navigate away from this page without' + 
     ' first saving your data, the changes will be' + 
     ' lost.'; 
     } 

Answer 1

Вы можете использовать Colorbox обратные вызовы onCleanup или OnClose если это не поможет, вы можете добавить слушателя на кнопку закрытия или div

Answer 2

Я нашел решение, вам нужно вызвать неполную функцию colorbox здесь ' с кодом

$("#cboxClose").click(function (e) { 

         // stop any other script from firing 
         e.stopPropagation(); 

         if (confirm('You have unsaved changes, are you sure that you want to cancel? All of your changes will be lost.')) { 
          $.colorbox.close(); 
          // ensure that the binding is removed when closed 
          $("#cboxClose").unbind(); 
         } 

        }); 

       } // close oncomplete