Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 10.07.2020, 14:55
Новичок на форуме
Отправить личное сообщение для Plastik Посмотреть профиль Найти все сообщения от Plastik
 
Регистрация: 11.04.2019
Сообщений: 4

Как отресайзить fancybox окно?
На странице есть блок:
<div id="modal-info"></div>


По ссылке <a class="open-fancy get-info" href="#modal-info">Открыть</a> открывается стандартное, пустое окно fancybox(v2.1.5), которое подключено так:
$(".open-fancy").fancybox({
  'overlayOpacity'	: 0.3,
  'hideOnContentClick': false,
  'hideOnOverlayClick': false
});


И примерно в это же время с помощью jquery, ajax-ом запрашивается контент (допустим просто текст) для этого окна:
$('.get-info').click(function() {
  $.ajax({
    url: "/info.php",
    type: "POST",
    dataType: 'html',
    data: {  },
    success: function(res) {
      $('#modal-info').html(res);
    }
  });
});


Само окно имеет стили размеров
#modal-info { width: 100%; }

В результате окно открывается в минимальном размере, как показано на скриншоте. Но иногда ресайзится по размеру контента. Так получается, потому что окно уже открыто, а контент еще не "прилетел в это окно".
Т.к. верстка "резиновая", то указаывать точный размер окна нельзя.
Подскажите что можно сделать, чтобы окно открывалось сразу по размеру контента?
Ответить с цитированием
  #2 (permalink)  
Старый 10.07.2020, 15:33
Новичок на форуме
Отправить личное сообщение для Plastik Посмотреть профиль Найти все сообщения от Plastik
 
Регистрация: 11.04.2019
Сообщений: 4

Понял как решить проблему, нужно открывать fancybox только после выполнения ajax:
$('.get-info').click(function(event) {
  event.preventDefault();  
  $.ajax({
    url: "/info.php",
    type: "POST",
    dataType: 'html',
    data: {  },
    success: function(res) {
      $('#modal-info').html(res);
      jQuery.fancybox('#modal-info');
    }
  });
});


Ну и в ссылке удалить open-fancy
<a class="get-info" href="#modal-info">Открыть</a>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как заставить модальное окно выполнить редирект? Lefseq Общие вопросы Javascript 1 28.09.2019 10:35
Как найти код, выводящий модальное окно? Wic_ Общие вопросы Javascript 4 14.06.2019 08:30
Как вы относитесь к наркоманам? Maxmaxmaximus7 Оффтопик 7 05.02.2014 13:29
Как в fancybox нажав ссылку в модальном окне отклыть другое окно ? ilyas-> Элементы интерфейса 1 16.10.2013 10:29
Управление скроллом "а-ля тач" HonesT Элементы интерфейса 2 27.08.2013 14:25