(function($){
//真正的代码在这里
})(jQuery);
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
(function($){
//真正的代码在这里
})(jQuery);
<!DOCTYPE HTML>对于那些不懂命名空间的人来说,他们以为,会输出一个提示框。但并不是这样,这会报错,错误是找不到test这个function。
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>测试命名空间</title>
</head>
<body>
<div>
<a href="javascript:void(0)" onclick="test()">测试命名空间</a>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
(function($){
var test = function(){
alert("done");
}
})(jQuery);
</script>
</body>
</html>
<!DOCTYPE HTML>如此一来,就能解决库的冲突,和找不到function的错误!
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>测试命名空间</title>
</head>
<body>
<div>
<a href="javascript:void(0)" id="nameTestBtn">测试命名空间</a>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
(function($){
var test = function(){
alert("done");
}
$('#nametest').click(test);
})(jQuery);
</script>
</body>
</html>
联系客服