Используя Fancybox, как я могу получить «лайтбокс» для перемещения в рельсах?

Question

У меня есть лайтбокс с инструкциями.У него есть удаленные ссылки, которые затем пролистывают несколько страниц контента, заменяя элементы в лайтбоксе удаленно.

Проблема, с которой я столкнулся, заключается в том, что когда новый контент рендерится в лайтбокс, он не перемещает лайтбокс.Тем не менее, НЕОБХОДИМО изменить положение окна, если вы пытаетесь изменить размер окна.

Кто-нибудь знает, как добавить строку кода для изменения положения лайтбокса после удаленного изменения страницы?

Справочная информация: Я отображаю содержимое в лайтбоксе следующим образом:

 <%= render 'partial1' %>

Ссылка, которая удаленно изменяет этот фрагмент, использует действие «next_page» в контроллере.Это действие отвечает удаленно, и, таким образом, доступен файл next_page.js.erb (в который, возможно, может быть добавлено решение).

Если есть другая соответствующая справочная информация, которую я могу предоставить, пожалуйста, сообщите мне.

Answer 1

Если при изменении размера браузера лайтбокс изменяет свой размер, попробуйте вызвать событие resize для объекта window (поскольку у лайтбокса, вероятно, имеется прослушиватель событий для события resize):

$(window).trigger('resize);

Добавьте приведенный выше код в конец JavaScript, который обновляет содержимое вашего лайтбокса.

В Fancybox API также есть несколько опций, которые могут помочь:

1. $.fancybox.resize - Вы можете вызвать этот метод, и лайтбокс изменит размер в зависимости от высоты его текущего содержимого.
2. autoDimensions - эту опцию вы можете установить на true при инициализации лайтбокса и Fancybox автоматически изменят размеры в соответствии с размерами нового контента.Как указано в документации:

«Убедитесь, что у него есть размеры, иначе это даст неожиданные результаты»

Вот где я нашел параметры API: http://fancybox.net/api