在使用jquery框架的时候,引入了其他框架,其他框架也有$符号,就会引起冲突问题。
1、首先,只使用jquery框架,显示是正常的。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jquery冲突问题</title>
<script type="text/javascript" src="../js/jquery-1.8.3.js" ></script>
<script>
//1、第一种写法
// $(document).ready(function(){
// alert("hello world");
// });
//2、第二种(常用)
$(function(){
alert("hello world");
});
</script>
</head>
<body>
</body>
</html>
2、自己定义一个框架做测试。
3、引入该框架,alert 失效($ 符号引起冲突)。
4、解决方法。
①、将jquery框架后引入,自动覆盖之前的框架。
②、释放符号的使用权,此方法弊端在于:
(1)、释放操作必须在编写其它jQuery代码之前编写;
(2)、释放之后就不能再使用$,改为使用jQuery。
③、自定义访问符号
成功
总结:以上推荐第三种!