求高手解答瀑布流的小问题
jquery吧
全部回复
仅看楼主
level 3
dsdyjg 楼主
如何写才能让<div class="water_option">好老师说好老师说的呢怎么是这样个样子呢呢怎么是这样</div>这个div里面的内容是不一样的呢?
<script type="text/javascript">
$(function() {
//url data function dataType
function loadMeinv() {
var data = 0;
for (var i = 0; i < 10; i++) {//每次加载时模拟随机加载图片
data = parseInt(Math.random() * 10);
var html = "";
html = '<li><div class="water_pic"><a href="#"><img src = images/teacher_man'
+ data+ '.jpg></a></div><div class="water_user">haolaoshi_'
+ data + '</div><div class="water_option">好老师说好老师说的呢怎么是这样个样子呢呢怎么是这样</li>';
$minUl = getMinUl();
$minUl.append(html);
}
}
loadMeinv();
//无限加载
$(window).on("scroll", function() {
$minUl = getMinUl();
if ($minUl.height() <= $(window).scrollTop() + $(window).height()) {
//当最短的ul的高度比窗口滚出去的高度+浏览器高度大时加载新图片
//loadMeinv();//加载新图片
}
})
function getMinUl() {//每次获取最短的ul,将图片放到其后
var $arrUl = $("#teacher .col");
var $minUl = $arrUl.eq(0);
$arrUl.each(function(index, elem) {
if ($(elem).height() < $minUl.height()) {
$minUl = $(elem);
}
});
return $minUl;
}
//点击更多加载
$("#loadMeinvMOre").click(function() {
$minUl = getMinUl();
loadMeinv();
});
})
</script>
2015年10月20日 02点10分 1
level 3
dsdyjg 楼主
有知道的吗?
2015年10月20日 03点10分 2
1