2 u013047803 u013047803 于 2016.01.29 10:05 提问

【各位老大,新人求罩】jquery图片查看器的问题

使用的是这款 jQuery功能强大的图片查看器插件
这个插件所需的组图片写死代码在页面上就没问题,像这样:

 <ui class="pic_bottom_middle_ui" id="pic_bottom_middle_ui">
                <li><img alt="图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片" title="点击看大图~" data-original="${pageContext.request.contextPath}/images/moguPic17.png" src="${pageContext.request.contextPath}/images/moguPic18.png" width="270px" height="140px;"></li>
                <li><img alt="图片" title="点击看大图~" src="${pageContext.request.contextPath}/images/moguPic17.png" width="270px" height="140px;"></li>
                <li><img alt="图片" title="点击看大图~" src="${pageContext.request.contextPath}/images/moguPic18.png" width="270px" height="140px;"></li>
                <li><img alt="图片" title="点击看大图~" src="${pageContext.request.contextPath}/images/moguPic17.png" width="270px" height="140px;"></li>
                <li><img alt="图片" title="点击看大图~" src="${pageContext.request.contextPath}/images/moguPic18.png" width="270px" height="140px;"></li>
                <li><img alt="图片" title="点击看大图~" src="${pageContext.request.contextPath}/images/moguPic17.png" width="270px" height="140px;"></li>
                <li><img alt="图片" title="点击看大图~" src="${pageContext.request.contextPath}/images/moguPic18.png" width="270px" height="140px;"></li>
                <li><img alt="图片" title="点击看大图~" src="${pageContext.request.contextPath}/images/moguPic17.png" width="270px" height="140px;"></li>
                <li><img alt="图片" title="点击看大图~" src="${pageContext.request.contextPath}/images/moguPic18.png" width="270px" height="140px;"></li>
            </ui>

但是我动态拼接这个上面这段代码的字符串,用html方法追加到 #pic_bottom_middle_ui
这个ui里面图片查看器就没效果了。。。 求解啊~ 先谢谢了。

1个回答

showbo
showbo   Ds   Rxr 2016.01.29 10:45
已采纳

destroy后重新调用api初始化插件,看了下api没有动态添加图片的功能

 ///..添加图片的代码
$('#pic_bottom_middle_ui').viewer('destroy').viewer({/*配置*/});//
u013047803
u013047803 为什么那么机智,让我咋办~
接近 2 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!