使用jquery实现动态加载片段

来源：互联网发布：三国志9优化编辑：程序博客网时间：2024/05/21 10:18

之前分享一篇直接操作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>

阅读全文

0 0