一个放大镜功能引发的问题,下面的图片是好的,但是上面的图片就这样裂了,然后报错本地引入的js undefined
F12发现src没有找到(不知道是不是因为这个所以报的上面的错)
代码是这些
<div class="magnifier" id="magnifier1">
<div class="magnifier-container">
<div class="images-cover"></div>
<!--当前图片显示容器-->
<div class="move-view"></div>
<!--跟随鼠标移动的盒子-->
</div>
<div class="magnifier-assembly">
<div class="magnifier-line">
<ul class="clearfix animation03" id="goodsImg">
</ul>
</div>
<!--缩略图-->
</div>
<div class="magnifier-view"></div>
<!--经过放大的图片显示容器-->
</div>
function list() {
var str = '';
for (var i = 0; i < imgList.length; i++) {
str += '<li>' +
'<div class="small-img">' +
'<img src="' + imgList[i] + '" data="' + imgList[i] + '">' +
'</div>' +
'</li>';
document.getElementById('goodsImg').innerHTML = str;
element.render();
}
}
然后就去引入的JS里找,他是如下这么获取src的
thumbnail: ".magnifier-line > ul",//缩略图容器
var src = _this.thumbnail.find("img").eq(magnifier.index).attr('src');
然后我打印了
console.log("src1", _this.thumbnail)
console.log("src2", _this.thumbnail[0].innerHTML)
console.log("src3", _this.thumbnail[0].children)
console.log("src4", _this.thumbnail[0])
src1一层一层往下翻(这个目录下:_this.thumbnail[0].children[0].children[0].children[0].currentSrc)是能找到一个src,但是src3里多加几个children就报错了
我就想取到这个src为啥这么难....
拜托各位给点思路吧,感谢!!!
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…