Question

我想添加数据-pin-no-hover =＆＃34; true＆＃34; （pinterest）来自Magnific Popup的img容器，因为pinterest小部件不能在Android平板电脑上运行

这是我的代码

/**
* jQuery Magnific Popup (http://dimsemenov.com/plugins/magnific-popup/)
**/
$('.open-gallery-link').click(function(event) {
event.preventDefault();
$('.mfp-container img').attr('data-pin-no-hover', 'true');
var items = [];
  $($(this).attr('href')).find('a').each(function() {
  items.push( {
      src: $(this).attr('href'),
      title: $(this).attr('alt'),
      img: $('.mfp-container img').attr('data-pin-no-hover', 'true')
    } );
  });
  $.magnificPopup.open({
  type:'image',
  preload: [0,2],
  items:items,
    gallery: {
      enabled: true
    },

  });
});

任何人都知道解决方案吗？

Answer 1

.mfp-container。
使用回调功能，例如change来访问当前项http://dimsemenov.com/plugins/magnific-popup/documentation.html#events

Answer 2

这似乎有效。作为参考，我的解决方案

/**
* jQuery Magnific Popup (http://dimsemenov.com/plugins/magnific-popup/)
**/
$('.open-gallery-link').click(function(event) {
event.preventDefault();
var items = [];
  $($(this).attr('href')).find('a').each(function() {
  items.push( {
      src: $(this).attr('href'),
      title: $(this).attr('alt')
    } );
  });
  $.magnificPopup.open({
  type:'image',
  preload: [0,2],
    callbacks: {
      change: function() {
       this.content.find('.mfp-img').attr('data-pin-no-hover', 'true')
      },
    },
  items:items,
    gallery: {
      enabled: true
    },
  });
});

Magnific Popup添加属性data-pin-no-hover =＆＃34; true＆＃34;到图像

2 个答案: