js拼接HTML页面元素a标签遇到的问题

时间:2024-08-03 20:06:50

业务,如下图需要做一个广告轮播的图片链接

js拼接HTML页面元素a标签遇到的问题

使用了ajax请求后台,在js拼接html,关键代码:

 $("#scroll_img").html("");
for (var i = 0; i < 4; i++) {//
var li="<li><a target='_blank' href=" + data[i].from + "><img src=/static/rootWeb/images/" + data[i].npath + "></a></li>";
$("#scroll_img").append(li);
}
结果导致1、3图标点击不到连接,试了各种方法,最后原因是a标签的拼接少了一个空格,更改如下:
var li="<li><a target='_blank' href=" + data[i].from + " ><img src=/static/rootWeb/images/" + data[i].npath + "></a></li>";

好了,所以遇到问题要尝试用不同的方法去思考解决。