Работа окна ajax-modal

InstantCMS 2.X

Не срабатывает окно в поле html

#1 24 февраля 2019 в 22:15
В типе контента в поле html делаю замену тегу IMG чтоб была ссылка на изображения (оригинал) и открывалась в стандартном модельном окне.
вот таким образом:
  1.  
  2. $(function() {
  3. $( '.ft_html img' ).wrap( function(){ var href = $( '<a href="' + $( this ).attr( 'src' ) + '" class="ajax-modal"/>');
  4. return href;
  5. });
  6. });
  7.  
если посмотреть в консоле то все заменяется и подставляется.
  1. <p>
  2. <a href="/upload/000/u12/2/f/df43342db3a715ba08514eb015.jpg" class="ajax-modal">
  3. <img src="/upload/000/u12/2/f/df43342db3a715ba08514eb015.jpg" style="display: block; margin: auto;">
  4. </a>
  5. </p>
но при нажатие на изображение оно открывается в чистом окне (то есть без функций движка).

что мешает открываться изображению в модельном окне?
#2 24 февраля 2019 в 23:06
Добавьте в код icms.modal.bind('.ft_html img');
  1. $(function() {
  2. $( '.ft_html img' ).wrap( function(){ var href = $( '<a href="' + $( this ).attr( 'src' ) + '" class="ajax-modal"/>');
  3. return href;
  4. });
  5. icms.modal.bind('.ft_html img');
  6. });
#3 24 февраля 2019 в 23:23

icms.modal.bind('.ft_html img');

Evanescence
Спасибо, толкнули в нужную сторону.
  1. icms.modal.bind('a.ajax-modal');
вот так работает.
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.