如果我们在同一个网页中,引用了很多的jquery库,那么,势必会造成冲突导致代码无法正常运行。遇到这种情况,仍然可以找到解决的办法。
比如,先是在页面中引用了如下的库。
<script type="text/javascript" src="../MyEditor/JS/jquery-1.4.4.min.js"></script>
<script type="text/javascript">
function fsxx()
{
//JS代码
var getcon=$("#content1").val();
}
</script>
接着,又在页面中引入如下的库。
<script type="text/javascript" src="../MyEditor/JS/jquery.js"></script>
<script type="text/javascript">
function Myhs()
{
//JS代码
var getcon=$("#content1").val();
}
</script>
如果是这样的话,那么,势必会造成库冲突,导致上面黑色加粗的代码不能正常运行。
那么,遇到这种问题如何解决呢?由于引用的库是有先后顺序的,但是多为jquery库,因此,把后面的库调用方法重新定义就行了。下面看修改后的代码。上面的部分不用修改,只修改下面的代码就可以了。
<script type="text/javascript" src="../MyEditor/JS/jquery.js"></script>
<script type="text/javascript">
var $jq = jQuery.noConflict(true);
function Myhs()
{
//JS代码
var getcon=$jq("#content1").val();
}
</script>
注意看上面红色代码,这就是修改的地方。