viewer插件浏览图片，点击图片时，显示的图片不对应

[qq_19825317]

具体的现象是：顺序点击时，图片显示是正确的，但之后再次点击第一张图片时，总是显示上一次点击的图片，到viewer.js中调试，发现点击图片时，获取的元素对象都是正确的，但再深入调试，就找不到北了，不知那位大侠给个解决办法或建议。

HTML：
<div class="modal-header">
<button type="button" class="close" ng-click="cancel()">×</button>
<span class="badge"><i class="glyphicon glyphicon-edit"></i></span>
 
<span class="modal-title-text">弹窗</span>
</div>
<div class="modal-body" style="height: 400px;">
<div class="col-sm-8 col-md-6" style="width: 100%;margin-top: 10px;">
<div class="" style="width: 100%;">
---------------------------------------------------------------------------------------------------------------------------
<ul class="docs-pictures" id="ulPic" style="text-align:center;width: 100%;">
<li>
<img id="ori" data-original="" src="" style="width: 200px;height: 150px;">
<span><label style="margin-top: 10px;">图1</label></span>
</li>
<li>
<img id="rep" data-original="" src="" style="width: 200px;height: 150px;">
<span><label style="margin-top: 10px;">图2</label></span>
</li>
<li>
<img id="lImg" data-original="" src="" style="width: 200px;height: 150px;">
<span><label style="margin-top: 10px;">图3</label></span>
</li>
<li style="margin-top:20px">
<img id="rImg" data-original="" src="" style="width: 200px;height: 150px;">
<span><label style="margin-top: 10px;">图4</label></span>
</li>
<li style="margin-top:20px">
<img id="lrep" data-original="" src="" style="width: 200px;height: 150px;">
<span><label style="margin-top: 10px;">图5</label></span>
</li>
<li style="margin-top:20px">
<img id="rrep" data-original="" src="" style="width: 200px;height: 150px;">
<span><label style="margin-top: 10px;">图6</label></span>
</li>
</ul>
-------------------------------------------------------------------------------------------------------------------------------
</div>
</div>
</div>
<div class="modal-footer">
<input type="button" class="btn btn-default" ng-click="cancel()" value="退出"/>
</div>

JS:

$('#ori').attr('data-original',$scope.picInfo.oriImgNetPath);
$('#ori').attr('src',$scope.picInfo.oriImgNetPath);
......

$('#ulPic').viewer(
{
url: 'data-original'
}
);

[不踩井盖的马里奥]

解决了吗，我也遇到这样的问题

[KevinZWBzzz]

我也遇到了，但我跟踪了一下代码，把viewer.js改一下 this.$element.one(EVENT_SHOWN, $.proxy(function () { this.view(this.target ? this.$images.index(this.target) : 0); this.target = false; }, this)); 就行了。 里面的判断有问题导致的

[KevinZWBzzz]

解决方案，虽迟但到哈哈~