jq动态改变路径_在react中使用jQuery动态更改图片路径遇到的问题

您好。如题。我在代码中是这样写的。

step:1 为了将默认的小图片列表从上方移到左边，我设置了template

Viewer.TEMPLATE = (

' +

);

step:2 初始化

$('.images').viewer({

inline: true

})

{

that.state.imagesData.map(function (v, i) {

var id = v.id

var content = 'http://192.168.2.202:8090/httpfiletrans/HttpFileTrans?'+

'method=download&FilePath=';

if (that.state.changeInmageOrigin == true && that.state.chooseImageId == v.id) {

content += [v.targetImagePath](url)

} else {

content += v.aiResultImagePath

}

if (v.aiResult == 1) {

return (

)

} else {

return (

)

}

})

}

查看原图

step3: 点击查看原图切换url

onChange = (e) => {

var changeImageOrigin = e.target.checked;

var chooseImageNum = $('.viewer-active>img')[0].name;

this.setState({

hasMore: false,

changeInmageOrigin: changeImageOrigin,

chooseImageId: chooseImageNum

}, () => {

$('.images').viewer('destroy')

$('.images').viewer({

inline:true

})

}

我使用了 $('.images').viewer('destroy')然后再重新加载，这样在第一张图片点击查看原图时是没有问题，当点击其他图片的时候都会默认选择到第一张图片。我曾经试过用update但是没有效果，请问这种情况应该怎么解决，万分感谢！

当我把

$('.images').viewer('destroy')

$('.images').viewer({

inline:true

})

改为

$('.images').viewer({

inline:true

}).viewer()

时，我在页面查看了下。

显示的图片还是原来的没有改变。因为增加在左边显示的图片列表里的url还是原来的没有改变，

而viewer.js默认展示在上方的图片列表里的url是改变了的。

jq动态改变路径_在react中使用jQuery动态更改图片路径遇到的问题相关推荐

动态改变标题_小米相册更新，新增动态换天/赛博朋克/MIUI12界面等等！
嗨咯,各位小伙伴们大家晚上好呀,今天为大家介绍一款灰度测试应用"MIUI相册"也就是大家小米手机里面的相册app,为方便解说,以下统称为"相册"更新后打开相册第 ...
如何在React中从其父组件更改子组件的状态
by Johny Thomas 约翰尼·托马斯(Johny Thomas) 如何在React中从其父组件更改子组件的状态 (How to change the state of a child com ...
react前端显示图片_在react中怎么动态渲染图片？
在react中怎么动态渲染图片?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. React 动态渲染图片,提升用户体验市场上竞争是非常残酷的,众所周知, ...
react前端显示图片_在 React 中使用 SVG 图标组件
SVG 很酷,它们能放大放小. 那么 SVG 的优点是什么? SVG 或可缩放矢量图形是基于 XML 的格式图像格式,可以在保持图像质量的同时缩放到任何大小.因此,当你需要根据需要调整大小的图像时,S ...
动态改变标题_插入控件-gt;引用变量-gt;实现动态图表纵横筛选
欢迎关注我的微信公众号:HR爱玩儿Excel和PPT,分享有趣又有逼格的Excel和PPT创意和技巧,emmm...不关注也没有关系...哼昨晚没睡好,因为睡前老友跟我说了句话: 我们总部做的表没有 ...
react中绑定点击事件_在React中绑定事件处理程序的最佳方法
react中绑定点击事件 by Charlee Li 通过李李在React中绑定事件处理程序的最佳方法 (The best way to bind event handlers in React) ...
xcode动态改变窗口大小_详细的理论要点+3个经典案例，帮助你深入理解动态面板...
什么是动态面板动态面板是Axure的高级交互元件,由不同的状态面板组成,是我们制作交互过程中运用频率最高的元件,很多交互效果需要依赖动态面板实现.动态面板的状态面板就像是一个容器,我们可以在里面放置 ...
c++删除数组中重复元素_在VBA中如何使用动态数组，以及利用动态数组去除重复值的方法...
大家好,我们今日继续讲解VBA数组与字典解决方案第22讲:在VBA中如何使用动态数组,以及利用动态数组去除重复值的方法.如果文本中含有大量的重复值,此时,如果我们要剔除重复值,该怎么办?用VBA的方法 ...
react 逆地理高德地图_在react中使用原生的高德地图
1.使用react-create-app创建一个新的react项目 2.修改index.html,添加以下script引用: 3.创建一个组件文件MapDemo.js,内容如下 import Reac ...

jq动态改变路径_在react中使用jQuery动态更改图片路径遇到的问题

jq动态改变路径_在react中使用jQuery动态更改图片路径遇到的问题相关推荐

最新文章

热门文章