Конвертировать colorbox в модальный

Question

Конвертировать colorbox в модальный

У меня есть colorbox, но я хочу выполнить ту же функцию в модале начальной загрузки.

$(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.

-1

ajax bootstrap-modal colorbox php

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Нашел это сам.

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

0