jQuery prototype冲突的2种解决方法(附demo示例下载)
本文实例分析了jQuery prototype冲突的2种解决方法。分享给大家供大家参考，具体如下：
jquery和prototype怎么会冲突，归根到底就是因为他们二个都用到了$，同时用，混淆了。这个问题解决过不下5次，每次解决都要查一下。淡疼，嘿嘿。
方法一、在jquery的核心库文件中加代码。
1、一般是jquery.js,或者jquery.min.js，有的带版本号的。知道是哪个文件就行。
})( window ); jQuery.noConflict(); //最后面，加上这一行。
2、加载测试jquery和prototype文件
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.1.0/prototype.js"></script> <script src="jquery.min.js"></script>
3、js代码写法
<script type="text/javascript">
alert('prototype value : '+$('test').value); //prototype写法
jQuery(document).ready(function($){ //注意这里的，jQuery和$
alert('jquery value : '+$('#test').val()); //jquery写法
});
</script>
推荐这种方法，这种方法比较一劳永逸
完整demo代码如下：
<html>
<head>
<script type="text/javascript" src="./prototype.js"></script>
<script src="jquery.min.js"></script>
</head>
<body>
<form>
<input id="test" type='text' name='test' value='test'/>
</form>
<script type="text/javascript">
alert('prototype value : '+$('test').value);
jQuery(document).ready(function($){
alert('jquery value : '+$('#test').val());
});
</script>
</body>
</html>
方法二、在调用jquery的地方，解决冲突
1、加载测试jquery和prototype文件
//jquery和prototype，没有先后顺序，谁先谁后都一样。 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.1.0/prototype.js"></script>
2、js代码
<script type="text/javascript">
jQuery.noConflict(); //解决冲突，这个一定要放在js代码的最前面，不然就会报错了。
alert('prototype value : '+$('test').value);
jQuery(document).ready(function($){
alert('jquery value : '+$('#test').val());
});
</script>
这种方法比较适合jquery的核心源文件不在自己的服务器上，或者jquery代码比较少的情况。该示例demo点此查看。
完整demo可点击此处本站下载。
希望本文所述对大家jQuery程序设计有所帮助。
-
本文向大家介绍解决Nginx端口冲突的排查方法示例，包括了解决Nginx端口冲突的排查方法示例的使用技巧和注意事项，需要的朋友参考一下 问题描述 一个Spring + Angular前后端分离的项目，使用Nginx进行数据转发。 Nginx监听端口8100，前台端口4200，后台端口8080。 像往常一样，提前配置好MySQL、配置好Redis，引入项目的Nginx配置文件，然后启动前台、后台，成
-
本文向大家介绍请你说一下解决hash冲突的方法？相关面试题，主要包含被问及请你说一下解决hash冲突的方法？时的应答技巧和注意事项，需要的朋友参考一下 参考回答： 当哈希表关键字集合很大时，关键字值不同的元素可能会映象到哈希表的同一地址上，这样的现象称为哈希冲突。目前常用的解决哈希冲突的方法如下： 开放定址法: 当发生地址冲突时，按照某种方法继续探测哈希表中的其他存储单元，直到找到空位置为止。 再
-
Windows 用tutorial进行的操作 若要进行pull操作，请右击tutorial目录，并选择‘拉取’。 用tutorial进行的操作 在以下画面点击‘确定’。 用tutorial进行的操作 我们看到画面上的警告信息表示自动合并失败。请点击‘关闭’以退出窗口。 用tutorial进行的操作 若您确认变更，请点击‘Yes’。 用tutorial进行的操作 TortoiseGit告诉我们：因"
-
在上一个页面我们提及到，执行合并即可自动合并Git修改的部分。但是，也存在无法自动合并的情况。 如果远程数据库和本地数据库的同一个地方都发生了修改的情况下，因为无法自动判断要选用哪一个修改，所以就会发生冲突。 Git会在发生冲突的地方修改文件的内容，如下图。所以我们需要手动修正冲突。 ==分割线上方是本地数据库的内容, 下方是远程数据库的编辑内容。 如下图所示，修正所有冲突的地方之后，执行提交。
-
解决冲突 CVS使用内联“冲突标志”来标记冲突，并且在更新时打印C。历史上讲，这导致了许多问题，因为CVS做得还不够。许多用户在它们快速闪过终端时忘记（或没有看到）C，即使出现了冲突标记，他们也经常忘记，然后提交了带有冲突标记的文件。 Subversion通过让冲突更明显来解决这个问题，它记住一个文件是处于冲突状态，在你运行svn resolved之前不会允许你提交修改，详情见“解决冲突（合并别人
-
本文向大家介绍Android listview的滑动冲突解决方法，包括了Android listview的滑动冲突解决方法的使用技巧和注意事项，需要的朋友参考一下 Android listview的滑动冲突解决方法 在Android开发的过程中，有时候会遇到子控件和父控件都要滑动的情况，尤其是当子控件为listview的时候。就比如在一个ScrollView里有一个listview，这种情况较常见