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是改变了的。