Игнорировать определенные ссылки в html magnific-popup - PullRequest
Новая
       53

Игнорировать определенные ссылки в html magnific-popup

0 голосов
/ 12 декабря 2018

Мне нужно всплывающее окно Magnific для привязки только к определенным ссылкам в HTML.Это так, когда одна ссылка нажата, она будет ссылаться на другой сайт.Если щелкнуть другую ссылку, изображение увеличится.

Прямо сейчас ссылка, по которой щелкают, не обернутая в изображение, которое инициализирует всплывающее окно.

Это HTML 

<div class="field__item">
    <div class="mfp-field mfp-separate-item">
      <a href="path-to-origin-image">
        <!-- This link is being added to the popup and works correctly-->
        <img class="mfp-thumbnail" src="img-url" />
      </a>
    </div>
    <div class="field--name-field-url">
      <!-- This link is being added to the popup and should be ignored -->
      <a href="https://google.com">Google</a>
    </div>
</div>

Это jquery 

 $(context).find('.field--name-field-gallery-items').once('mfp-processed').each( function() {
        $(this).magnificPopup({
          delegate: 'a',
          type: 'image',
          gallery: {
            enabled: true
          },
          image: {
            titleSrc: function (item) {
              return item.img.attr('alt') || '';
            }
          }
        });
      });

      $(context).find('.field--name-field-gallery-items .field--name-field-url a').each().unbind('click');

Как остановить привязку magnificPopup ко второй ссылке?

1 Ответ

0 голосов
/ 12 декабря 2018

Решение состоит в следующем: 

$(context).find('.field--name-field-gallery-items').once('mfp-processed').each( function() {
        $(this).magnificPopup({
          delegate: '.mfp-field a',
          type: 'image',
          gallery: {
            enabled: true
          },
          image: {
            titleSrc: function (item) {
              return item.img.attr('alt') || '';
            }
          }
        });
      });

Я должен был правильно прочитать API

...