之前分享一篇直接操作dom元素,使用create方法动态增加片段,这里分享一篇直接使用jquery的方式加载:
我们把方法实现和片段显示放在两个文件中,这里是展示图片片段的function,我们写在my.js中
function showImages(elementId, num) {
var listHtml = '<img class="imageclass" title=myImage" alt="" src="./image/pic_product.jpg">';
$(elementId).append(listHtml);
for (var i = 0; i < num - 1; i++) {
$(elementId).append(listHtml);
}
}
然后我们就可以在我们的片段里面调用这个function了,我们在my.html中这样使用:
<html>
<body>
<div class="active-item-list" id="active1id"></div>
<script src="jquery.min.js"></script>
<script src="my.js"></script>
<script type="text/javascript">
$(function () {
showImages(activeid, 4);//这里的activeid是我们想要在一个div片段里面增加的内容,这个4是我们想要增加的数量
}); </script> </body></html>