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>";

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

 

转载于:https://www.cnblogs.com/zeussbook/p/8870761.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值