在居中图像上添加div？

Question

我正在使用ImageFlow SEE我想在图像上方添加div,一旦图像被点击并滑入中心.我试过检查js文件但是MoveIT()函数在js中被调用很多次而m无法识别,

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 元素的父类。希望对你有帮助。