Задать вопрос
Ответы пользователя по тегу JavaScript
  • Nextgen gallery как описание caption обернуть в ссылку?

    Fetfurmoz
    @Fetfurmoz Автор вопроса
    frontend
    Решил вот так, может пригодиться
    // Получаем все элемененты с подписями
    const captions = document.querySelectorAll('.ngg-gallery-thumbnail span');
    
    // Проходимся по каждому элементу
    captions.forEach(caption => {
    
      // Берем ссылку на изображение 
      // из родительского элемента caption
      const imgLink = caption.parentElement.querySelector('a');
      
      // Добавляем обработчик клика на подпись
      caption.addEventListener('click', e => {
    
        // Предотвращаем дефолтное поведение
        e.preventDefault();
        
        // Имитируем клик по ссылке на изображение
        imgLink.click();
        
      });
      
    });


    а что бы срабатывало в ajax, добавляем еще это
    jQuery(document).on('ajaxSuccess', function() {
      const captions = document.querySelectorAll('.ngg-gallery-thumbnail span');
      captions.forEach(caption => {
        const imgLink = caption.parentElement.querySelector('a');
    
        caption.addEventListener('click', e => {
          e.preventDefault();
          imgLink.click();
        });
    
      });
    });


    Но может кто то знает более правильное решение, буду благодарен
    Ответ написан
    Комментировать