Uncaught TypeError: $(...).on is not a function 浏览器显示$(window).on("load",function(){ })不是函数是什么意思-慕课网

首页课程实战体系课手记专栏慕课教程

Uncaught TypeError: $(...).on is not a function 浏览器显示$(window).on("load",function(){ })不是函数是什么意思

来源：3-1 jQuery实现瀑布流布局图片定位

murphy3292525

2016-08-15 11:24

<!DOCTYPE html>

<html>

<head>

<title>瀑布流布局</title>

<style>

body{margin: 0;padding: 0;}

img{border: none;vertical-align: top;}

#main{position:relative;}

.box{float: left;padding: 15px 0 0 15px;}

.pic{padding: 10px;border: 1px solid #ccc;border-radius: 5px;box-shadow: 0 0 5px #ccc;}

.pic img{width: 165px;height: auto;}

</style>

$(window).on("load",function(){

waterfall();

})

function waterfall(){

var $box=$("#main>div");

var boxW=$box.eq(0).outerWidth();

var cols=Math.floor($(window).width()/boxW);

$('#main').width(boxW*cols).css('margin','0 auto')

var arrH=[];

$box.each(function(index,value){

var h=$box.eq(index).outerHeight();

if(index<cols){arrH[index]=h;}

else{

var hMin=Math.min.apply(null,arrH);

var minIndex=$.inArray(hMin,arrH);

$(value).css({

'position':'absolute',

'top':hMin+'px',

'left':boxW*minIndex+'px'

})

arrH[minIndex]+=$box.eq(index).outerHeight();;

}

})

}

</script>

</head>

<body>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</body>

</html>

写回答关注

1回答

小小小小哒

2016-08-16 00:56:26

已采纳

题主，你没有引用jQuery库啊！

1 0

murphy...

呃呃，我被自己蠢哭了== 多谢！

2016-08-16 20:13:12

共 1 条回复 >

瀑布流布局

瀑布流布局是网站比较流行的一种布局方式，教你实现三大方式

97759 学习 · 736 问题

查看课程

相似问题

为什么显示indow.onscroll is not a function

回答 1

Uncaught TypeError: parent.getElementByTagName is not a function 这个问题怎么解决

回答 3

为什么总是报错Uncaught TypeError: $(...).srcollTop is not a function；jquery也引用好好的

回答 2

我不绑定load，直接$(window).ready(function(){})也可以吧？

回答 1

2.js:16 Uncaught ReferenceError: clsName is not defined

回答 1

打开慕课网App查看更多内容

​Uncaught TypeError: $(...).on is not a function 浏览器显示$(window).on("load",function(){ })不是函数是什么意思

1回答

Uncaught TypeError: $(...).on is not a function 浏览器显示$(window).on("load",function(){ })不是函数是什么意思