qq_38017854
断点记忆
2017-12-26 08:34

amazeui中的Figure 单张图片append之后不能放大怎么办?

20
  • 图片
  • amazeui.

当如上写死的代码点击图片可以放大但当用ajax获取图片之后再append上之后无法放大了,
/* 38 /
/
**/ function(module, exports, webpack_require) {

'use strict';

var $ = __webpack_require__(1);
var UI = __webpack_require__(2);
__webpack_require__(20);

/**
 * Is Images zoomable
 * @return {Boolean}
 */
$.isImgZoomAble = function(element) {
  var t = new Image();
  t.src = element.src;

  var zoomAble = ($(element).width() < t.width);

  if (zoomAble) {
    $(element).closest('.am-figure').addClass('am-figure-zoomable');
  }

  return zoomAble;
};

function figureInit() {
  $('.am-figure').each(function(i, item) {
    var options = UI.utils.parseOptions($(item).attr('data-am-figure'));
    var $item = $(item);
    var data;

    if (options.pureview) {
      if (options.pureview === 'auto') {
        var zoomAble = $.isImgZoomAble($item.find('img')[0]);
        zoomAble && $item.pureview();
      } else {
        $item.addClass('am-figure-zoomable').pureview();
      }
    }

    data = $item.data('amui.pureview');
    if (data) {
      $item.on('click', ':not(img)', function() {
        data.open(0);
      });
    }
  });
}

$(window).on('load', figureInit);

module.exports = UI.figure = {
  VERSION: '2.0.3',
  init: figureInit
};

/***/ },
这是amazeui.js里相关的代码,需要怎么改才可以append上figure这个标签也能放大,初学者,看不明白amazeui.js他上面的代码.

  • 点赞
  • 回答
  • 收藏
  • 复制链接分享

2条回答