求大神来解释下, 我这里哪里有错??

leng_bw01 2014-11-19 10:05:19
ajax获取数据后, 开始插入霸占
$(dom).appendSlide(slideHtml);
$(slideHtml).find("[data-src]").each(function(index, item){
var img = new Image(),
$item = $(item),
imgUrl = $item.attr("data-src"); //取出图片url地址
img.src = imgUrl;
img.onload = function(){
console.log($item.attr("data-index")); //这里可以正常打印
$item.css("background-image" , "url(http://resource.zgwsw.cn/upload/products/thumb/eccGV8dk8.jpg)");    //这一句话没有反应  求解释一下
}
});
...全文
310 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
leng_bw01 2014-11-19
  • 打赏
  • 举报
回复
楼上大神说得很对, 有没有好的办法解决下呢????求指导
快乐的2 2014-11-19
  • 打赏
  • 举报
回复
改下写法吧。 由于不清楚你的上下文具体变量是什么类型的,但从变量名字上看是有问题的。 具体改法如下代码,

var $slide = $(slideHtml);
$(dom).appendSlide($slide);
$slide.find("[data-src]").each(function(index, item){
var img = new Image(),
$item = $(item),
imgUrl = $item.attr("data-src");      //取出图片url地址
img.src = imgUrl;
img.onload = function(){
console.log($item.attr("data-index"));     //这里可以正常打印
$item.css("background-image" , "url(http://resource.zgwsw.cn/upload/products/thumb/eccGV8dk8.jpg)");    //这一句话没有反应  求解释一下
}
});  
之前的slideHtml应该是String类型的,第一个$(dom).appendSlide(slideHtml)这里是把html插入到dom后面了. 而$(slideHtml).find这句话是根据html内容创建HTML-DOM,注意这里是新建的dom与之前插入的不是同一个,且也没有放入到document.body节点下面.所以你做的任何更改在界面上都不会体现.
leng_bw01 2014-11-19
  • 打赏
  • 举报
回复
imgUrl 里面一定有值, 而且一定是一张图片的
slwsss 2014-11-19
  • 打赏
  • 举报
回复
$(dom).appendSlide(slideHtml); $(slideHtml).find("[data-src]").each(function(index, item){ var img = new Image(), var $item = $(item), imgUrl = $item.attr("data-src"); //取出图片url地址 img.onload = function(){ console.log($item.attr("data-index")); //这里可以正常打印 $item.css("background-image" , "url(http://resource.zgwsw.cn/upload/products/thumb/eccGV8dk8.jpg)");    //这一句话没有反应  求解释一下 } img.src = imgUrl; });

52,797

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 Ajax
社区管理员
  • Ajax
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧