先看正常效果如下图:

Discuz默认JS和其他JS冲突的解决方案的图片 - 1

再看下冲突后的效果:

Discuz默认JS和其他JS冲突的解决方案的图片 - 2

找到冲突的JS  如:

<script type="text/javascript" src='$_G['style'][styleimgdir]/js/jquery.SuperSlide.2.1.3.js'></script>

在下面添加:

<script type="text/javascript"> var jq = jQuery.noConflict(); </script>

Discuz默认JS和其他JS冲突的解决方案的图片 - 3

然后把用到该JS中"$"全部换成"jq"

例子(原作者的代码例子,删除部分):

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> //文件内的$全部替换为jq
<script type="text/javascript"> var jq = jQuery.noConflict(); </script>
<div class="suspend">

<script type="text/javascript">
jq(document).ready(function(){

jq(".suspend").mouseover(function() {
jq(this).stop();
jq(this).animate({width: 160}, 400);
})
</script>

下面是我遇到的代码例子:

Discuz默认JS和其他JS冲突的解决方案的图片 - 4

原作者:kingHalo丶一文


心无丘壑,何以画苍鹰!