Как правильно заменить js код одной библиотеки на код другой?

Question

[ololodff]

Раньше я использовать библиотеку модальных окон magnificpopup
И у меня был вот такой AJAX запрос:

$(document).on('click', '[data-afs-id]', function (event) {
  event.preventDefault();
  var $this = $(event.currentTarget);
  var $data = $this.data();

  $.magnificPopup.open({
    type: 'ajax',
    mainClass: 'afs-modal',
    items: {
      // eslint-disable-next-line camelcase
      src: dle_root + 'engine/ajax/controller.php'
    },
    ajax: {
      settings: {
        type: 'GET',
        dataType: 'html',
        data: {
          mod: 'fullstory',
          newsId: $data.afsId,
          preset: $data.afsPreset ? $data.afsPreset : '',
          template: $data.afsTemplate ? $data.afsTemplate : ''
        }
      }
    }
  });
});

Этот код собран под magnific.

А сейчас я перешёл на новую библиотеку модальных окон FancyBox3

И теперь, я незнаю как правильно адаптировать этот ajax запрос под новые модалки. Может кто-нибудь работал уже с Fancybox ? Подскажите пожалуйста, как правильно переписать js? Спасибо!

Comments

[Froggyweb]

хм... ну ты же оценил преимущества, изучил возможности, раз решил перейти. Учел, что fancybox для коммерческих проектов платный.
А вопрос в чем? Какой функционал не удается переписать?

[ololodff]

Froggyweb, Я сделал так:

$.fancybox.open({
    hideScrollbar: true,
    touch: false,
    autoFocus: false,
    keyboard: false,
    type: 'ajax',
    src: dle_root + 'engine/ajax/controller.php',
    ajax: {
      settings: {
        type: 'GET',
        dataType: 'html',
        data: {
          mod: 'fullstory',
          newsId: $data.afsId,
          preset: $data.afsPreset ? $data.afsPreset : '',
          template: $data.afsTemplate ? $data.afsTemplate : ''
        }
      }
    }
  });

Окно открывается, но то что в AJAX:{..} не работает

[Froggyweb]

ololodff, dle_root - эта переменная есть в js?
вообще я бы сделал все иначе. отправить запрос на 'engine/ajax/controller.php'
при возвращении ответа открыть окно.
ну или открыть окно с плейсхолдером, отправить запрос и при получении данных заменить что в окне фансибокс
не знаю как в magnificpopup, но есть сомнение что фансибокс ломанется забирать данные по этой строчке
src: dle_root + 'engine/ajax/controller.php',
если так, то src и ajax запрос будут конкурировать между собой

[ololodff]

Froggyweb, Да, я понял что вы имеете ввиду, а можете подсказать примером? Если не сложно пожалуйста!
src: dle_root + 'engine/ajax/controller.php', - Да, эта ссылка работает с ней проблем нет

[Froggyweb]

ololodff, если 'engine/ajax/controller.php' отдает html и dle_root определена в js, то можно наверное без секции ajax. смотри в консоль ошибок и вкладку сеть какие запросы идут на сервер и что возвращают

зы нынче актуальна fancybox 4 без зависимости jquery