将colorbox转换为模态

Question

我有一个彩盒，但我希望在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');
             }
        });
    });  
});