u013047803
凡夫俗子_
采纳率36.8%
2016-01-29 02:05 阅读 1.4k

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

1

使用的是这款 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 GoCityPass新加坡曼谷通票 2016-01-29 02:45

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

     ///..添加图片的代码
    $('#pic_bottom_middle_ui').viewer('destroy').viewer({/*配置*/});//
    
    点赞 2 评论 复制链接分享

相关推荐