jqueryphp滚动问题。如何检测div内的图像?

jqueryphp滚动问题。如何检测div内的图像?,php,jquery,Php,Jquery,我有一个使用ajax用php和javascript编写的shout框,当图像加载到shoutbox中时,shoutbox滚动出现问题。 每一个新的叫声都会添加到底部,并向下滚动 问题:发布图像时,shoutbox不会滚动到图像底部。 原因:图像已发布滚动已被触发,然后图像将完全加载,并将其大小增加到css中设置的最大大小。 这意味着您必须手动滚动到底部才能看到完整的图像 我目前正在使用 $(window).load(function() { tbSingleScroll(); }) 这个问题是

我有一个使用ajax用php和javascript编写的shout框,当图像加载到shoutbox中时,shoutbox滚动出现问题。 每一个新的叫声都会添加到底部,并向下滚动

问题:发布图像时,shoutbox不会滚动到图像底部。 原因:图像已发布滚动已被触发,然后图像将完全加载,并将其大小增加到css中设置的最大大小。 这意味着您必须手动滚动到底部才能看到完整的图像

我目前正在使用

$(window).load(function() {
tbSingleScroll();
})

这个问题是。。。仅在更改页面时有效,我必须等待所有图像在整个页面上完成加载

与shoutbox中的少量图像/笑脸相比,这是一个很大的问题

我试图自己解决这个问题的时间比我记忆中的要长。
这方面的任何帮助都将是惊人的。

您在寻找吗?

将加载事件附加到所有shoutbox图像,并添加一个计数以计算加载了多少,然后才更改尺寸或向下滚动

例如:

var shoutbox_img_count = $('#shoutbox').find('img').size();
var shoutbox_loaded_count = 0;

$('#my_shoutbox').find('img').load(function() {
   shoutbox_loaded_count++;
   if (shoutbox_loaded_count == shoutbox_img_count) {
      // Do a scroll here
   }
});

使用静态图像/图标大小,以便在创建新节点时,即使图像仍在加载,它也会自动显示为一个容器

这不是我想要的,因为任何图像都可以从任何位置发布,因此向发布的每个图像添加加载将涉及预匹配。是否有任何方法可以检测某个分区中的图像(即该分区中所有的喊声都加载在该分区中)。。如果我能在那里发现一个图像,那就可以了。为什么要进行preg匹配?您可以轻松地插入一个新的隐藏容器,通过像$container一样访问它们,将脚本开头的活载事件绑定到所有图像;然后你可以向集装箱船展示我会对你诚实的。。我是新来Jquery的,我的意思是到目前为止我花了3天时间学习它。。我对javascript了解不多,我想学习。我想在很短的时间内我实际上学到了很多。我知道如果我在shoutbox中的所有图像中添加onload=,那么上面的代码就可以工作了。我明白你的答案,我只是不明白我怎么能不在实际图像中添加onload就做到这一点。我在想,如果我添加$img.addClassshoutbox;学习是最好的事情也许你可以用代码向我们展示你的实时预览,这样人们可以帮助你解决更多问题,因为我自己也不知道我是否正确地想象了你的问题。很抱歉,它不允许我编辑我的上一条评论,我误按了enter键。。我将在这里结束,我想如果我添加$img.addClassmy_shoutbox;我可能会使用$'img.my_shoutbox'。查找'img'。加载函数,我想这会有用吗?