|
@@ -950,36 +950,39 @@
|
|
|
})
|
|
|
}, 500);
|
|
|
});
|
|
|
-
|
|
|
-
|
|
|
$('.upload-content-image .conList .btn:nth-of-type(1)').html('<div><span>+</span><h5>选择图片</h5></div>');
|
|
|
$('.upload-content-image .conList .btn:nth-of-type(2)').after('<img class="cancel-upload-image" src="/static/images/close-btn1.png">').remove();
|
|
|
$('.upload-content-image .conList').find('.cancel-upload-image').hide();
|
|
|
var observeEleImage = document.getElementsByClassName('upload-content-image')[0];
|
|
|
var observeEleImage1 = document.getElementsByClassName('upload-content-image')[1];
|
|
|
+ var observeEleImage2 = document.getElementsByClassName('upload-content-image')[2];
|
|
|
var MutationObserverImage = window.MutationObserver || window.WebKitMutationObserver;
|
|
|
var MutationObserverConfigImage = {
|
|
|
childList: true,
|
|
|
subtree: true,
|
|
|
characterData: true
|
|
|
};
|
|
|
- var observerImage = new MutationObserverImage(function (mutations) {
|
|
|
- $.each(mutations, function (index, item) {
|
|
|
- if (item.type === 'childList') {
|
|
|
- // 在创建新的 element 时调用
|
|
|
- var target = $(item.target),
|
|
|
- thisWrapper = target.closest('.conList'),
|
|
|
- nextEle = thisWrapper.next();
|
|
|
- thisWrapper.find('li').css('z-index', 99);
|
|
|
- thisWrapper.find('.cancel-upload-image').show();
|
|
|
- if (nextEle.hasClass('hide-pic-image')) {
|
|
|
- nextEle.removeClass('hide-pic-image');
|
|
|
+ $('.upload-content-image').each(function (index, el){
|
|
|
+ console.log($(el))
|
|
|
+ var observerImage = new MutationObserverImage(function (mutations) {
|
|
|
+ $.each(mutations, function (index, item) {
|
|
|
+ if (item.type === 'childList') {
|
|
|
+ // 在创建新的 element 时调用
|
|
|
+ var target = $(item.target),
|
|
|
+ thisWrapper = target.closest('.conList'),
|
|
|
+ nextEle = thisWrapper.next();
|
|
|
+ thisWrapper.find('li').css('z-index', 99);
|
|
|
+ thisWrapper.find('.cancel-upload-image').show();
|
|
|
+ if (nextEle.hasClass('hide-pic-image')) {
|
|
|
+ nextEle.removeClass('hide-pic-image');
|
|
|
+ }
|
|
|
}
|
|
|
- }
|
|
|
- })
|
|
|
- });
|
|
|
- observerImage.observe(observeEleImage, MutationObserverConfigImage);
|
|
|
- observerImage.observe(observeEleImage1, MutationObserverConfigImage);
|
|
|
+ })
|
|
|
+ });
|
|
|
+ observerImage.observe(observeEleImage, MutationObserverConfigImage);
|
|
|
+ observerImage.observe(observeEleImage1, MutationObserverConfigImage);
|
|
|
+ observerImage.observe(observeEleImage2, MutationObserverConfigImage);
|
|
|
+ })
|
|
|
|
|
|
$('body').on('click', '.upload-content-image li', function () {
|
|
|
var index = $(this).closest('.conList').index() + 1,
|