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

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