javascript - jquery不能有多个匿名函数自执行?
本文介绍了javascript - jquery不能有多个匿名函数自执行?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
div{ width: 100px; height: 100px; }
.box1{ background-color: red; }
.box2{ background-color: yellow; }
</style>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<div class="box1"></div>
<div class="box2"></div>
<script>
$(function(){
(function(){
$('.box1').click(function(){
alert('red');
})
})()
(function(){
$('.box2').click(function(){
alert('yellow');
})
})()
})
</script>
</body>
</html>
代码就是这样
点击红色 能正常弹出弹框 下面的报错 这个错误是什么原因?
解决方案
后面不想加分号,那就把代码块使用花括号包起来。
建议了解关键字javascript自动分号插入机制
这篇关于javascript - jquery不能有多个匿名函数自执行?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文