將colorbox轉換爲模態

Question

我有一個colorbox，但我希望在bootstrap模式下執行相同的功能。

$(document).ready(function(){ 
$("#pairsub").click(function(){ 
    $.post("pairfind.php", 
      $("#form1").serialize(), 
      function(data){ 
      $.fn.colorbox({ 
      html: data, 
      open: true, 
      iframe: false, 
      width: "500", 
      height: "500px", 
      }); 
      }, 
     "html"); 
     }); 
    }); 

我發現這個例子，但它似乎沒有工作。

$('#pairsub').on('click', function() { 
$.post('pairFind.php', { 
    $('form1').serialized(),   
     function(data) { 
     $('#myModal').show(); 
     $('#modalContent').show().html(data); 
    }); 
}); 

模式大小和樣式被移動到CSS頁面。

Answer 1

自己找到了。

$(document).ready(function() { 
     $('#formbtn').click(function(e) { 
      $.ajax({ 
       url: 'pairFind.php', 
       type: 'POST', 
       data: $('#form1').serialize(), 
       async:true, 
      beforeSend: function() { 
      $('#spin').modal('show'); 
      } 
      success: function(data) { 
      $('#pairFr .modal-body').html(data); 
      $('#pairFr').modal('show'); 
      $('#spin').modal('hide'); 
      } 
     }); 
    }); 
});