将页面上的所有图像插入自举滑块

时间:2016-12-19 21:04:22

标签: javascript jquery html css twitter-bootstrap

我有一个div元素,其中显示带有img的文本,当用户点击它时,会出现模态引导滑块。 我需要以某种方式将文本字段中的所有图像插入bootstrap滑块,寻找jquery解决方案,但没有想法(尝试但没有工作)

1 个答案:

答案 0 :(得分:0)

所以我找到了解决方案 `

    //block with images .imgs-block,
  //block where the items should be copied .imgs-block-popup


        var imgsBlock = $('.imgs-block');
        var imgsBlockPopup = $('.imgs-block-popup');

        imgsBlock.find('img').each(function (i, el) {
          var newImg = $(el).clone();
          var item = $('<div class="item"></div>');
          item.append(newImg);
          imgsBlockPopup.append(item);
        });

`