javascript - 在居中图像的顶部添加 div？

Question

我正在使用 ImageFlow SEE单击图像并滑入中心后，我想在图像顶部添加 div。 我尝试检查 js 文件，但是 MoveIT() 函数在 js 中被调用了很多次，我无法识别，

t.wrap('<div class="f1_card"></div>');

我应该在什么时候编写以将 div 包裹在图像周围。

谢谢，

Answer 1

你可以使用 jquery 的 prepend() 函数。您只需要选择图像元素，然后调用 prepend 函数。看例子:

$('.target_image').prepend('<div class="f1_card"></div>');

如果你想在一个元素之前添加一个元素，这样就可以了。但是如果你想用 div 包裹一个元素，那么你必须使用 wrap() 函数。

$('.target_image').wrap('<div class="f1_card"></div>');

很明显，您必须将上面的代码放在您想要的点击功能或类似事件中。看例子:

$('.target_image').on('click', function(){
   $(this).prepend('<div class="f1_card"></div>');
});

此处带有“f1_card”类的 div 将是您的 target_image 元素的父类。希望这对您有所帮助。