Конвертировать 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.
Решение
Нашел это сам.
$(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');
}
});
});
});
Другие решения
Других решений пока нет …
detector