javascript - 单击 Accordion 面板个人 ID 时如何打开新图像(同一窗口)

Question

我在右侧有 Bootstrap Accordion ，面板左侧有图像。单击 Accordion 面板个人 ID 时是否可以通过使用 jquery 更改左侧的图像，或者我必须将 ajax 与 jquery 结合使用？

我将有 6 张不同的图片需要根据个人 id 面板点击进行更改

http://www.bootply.com/x3c7c8CdJr#

Answer 1

1. 您不必使用 AJAX。
2. 下次，请尝试做一些事情并展示您的代码。

JS:

$('.accordion__content').on('show.bs.collapse', function () {
  $('.so-widget-image').attr('src', $(this).attr('data-src'));
});

1. 将 data-src 属性添加到带有图像链接的可折叠面板 div。

2. 我看到您的图像中有 srcset 属性，您必须删除它或更改此属性。

CODEPEN EXAMPLE