单击手风琴面板个人ID时如何打开新图像(同一窗口)

时间:2016-05-28 13:29:17

标签: javascript jquery html css twitter-bootstrap

我右侧有自举手风琴,面板左侧有图像。当点击手风琴面板个人id时,是否有可能改变左侧的图像,使用jquery或者我必须结合jquery使用ajax?

根据个人ID面板点击

,我将有6张不同的照片需要更改

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

1 个答案:

答案 0 :(得分:0)

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

    $('.accordion__content').on('show.bs.collapse', function () {
      $('.so-widget-image').attr('src', $(this).attr('data-src'));
    });
    
    1. data-src属性添加到您的可折叠面板div,并附带图片链接。

    2. 我看到你的图片中有srcset属性,你必须摆脱这个或改变这个属性。

    3. CODEPEN EXAMPLE