Question

我正在尝试将图像添加到jQuery的光滑滑块中。根据光滑，默认结构应如下所示。

<div class="your-class">
  <div><img src=""> </></div>
  <div><img src=""> </></div>
  <div><img src=""> </></div>
</div>

问题在于我需要从jQuery设置我的图像，但是当我这样做时，图像不会通过光滑的结构而被保留在＆＃34;你的级别＆＃34; div。

这就是我现在想要实现的目标。这个问题是浮油应该创建子元素并将此内容附加到并构造它。

let image = ['<div><img class="selectedImage" src="',
             e.target.result,
             '" title="',
             escape(theFile.name), '"/></div>'].join('');

$(".your-class").append(image);

这就是结果：

<div class="your-class slick-initialized slick-slider">
  <div class="slick-list draggable"></div>
  <div><img src="link_to_image"> </></div
</div>

这是想要的结果：

<div class="your-class slick-initialized slick-slider">
  <div class="slick-list draggable">
    <div class="slick-track">
      <div class="slick-slide">
        <div>
          <div><img src="link_to_image"> </></div
        </div>
      </div>
    </div>
  </div>
</div>

Answer 1

let image = ['<div><img class="selectedImage" src="', e.target.result,
  '" title="', escape(theFile.name), '"/></div>'
].join('');


$(".your-class").append(image);

$('.your-class').slick('unslick')

//initialize again here .your-class

从jquery添加图像到光滑

1 个答案: