当如上写死的代码点击图片可以放大但当用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他上面的代码.
</div><>
</ul>
<ul class="am-pureview-direction">
<li class="am-pureview-prev"><a href=""></a><>
<li class="am-pureview-next"><a href=""></a><>
</ul>
<ol class="am-pureview-nav">
<li class="am-active">1<>
</ol>
<div class="am-pureview-bar am-active">
<span class="am-pureview-title"></span>
<div class="am-pureview-counter">
<span class="am-pureview-current">1</span> / <span
class="am-pureview-total">1</span>
</div>
</div>
<div class="am-pureview-actions am-active">
<a href="javascript: void(0)" class="am-icon-chevron-left"
data-am-close="pureview"></a>
</div>
</div>
$dom.on("click ", "img[action=showBig]", function() {
var url = $(this).attr("src");
$("#bigImg").attr("src", url);
$("#imgbox").height($("#bigImg").height());
$(".am-pureview").addClass("am-active");
});