Question

JS达人进，两个JS文件冲突了，帮看下如何解决，感激不尽！！！

是这样的，1个是图片切换+放大镜插件，另一个是JS点击按钮显示电话插件。两个插件放到一起就冲突了，JS按钮电话插件出错 浏览器提示prototype.min.js 对象不支持属性或方法。

具体请看在线演示。

先看两个插件独立存在的效果
-------------------------

图片切换+放大镜：http://pcued.com/wp-content/jszoom/index.html

JS按钮显示电话：http://pcued.com/wp-content/jsphone/index.html

放到一起出错：http://pcued.com/wp-content/chongtu/index.html

-----------------------

请各位大大帮忙看看，百度知道也提问了没人回答，昨天开始研究到现在，由于本人对JS一窍不通，郁闷至极，还请大家帮帮忙！小弟在此跪谢，感激不尽！！！
有没有高手啊，在线等

Answer 1

修改很麻烦

或者换一个吧

这里有一个图片放大镜效果

可以试试

Answer 2

楼主用了 jQuery和prototype 两个js框架

两个框架都用$为变量 所以冲突了

解决方案：

1、将jquery.js放到prototype.js前面（这个是必须的!）。

2、在jquery.js后面将$变量重命名。

方法如下：

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
var jQuery=$;
</script>

<script type="text/javascript" type="text/javascript" src="window.js"></script>
<!--上面这个window.js调用了jquery框架的方法-->
<script type="text/javascript" type="text/javascript" src="prototype.js"></script>

3、将原来使用的$方法名一律替换为jQuery名，如$("obj")替换为jQuery("obj")。

例如下面的一段代码, 混合了 jQuery和基于Prototype的 EasyValidation:

<!-- jquery, 注意加载顺序 -->
<script src="js/jquery-1.2.6.pack.js"></script>
<script type=”text/javascript”>
var jQuery=$;
</script>

Answer 3

你应该是少了 prototype.min.js这个js文件
如果不是 把<script type="text/javascript" src="js/jquery.jqzoom1.0.2.js">
</script>
<script type="text/javascript" src="js/jquery.jcarousel.js"></script>
这两句调换下位置

Answer 4

<input type="button" name="Input" value="点击查看联系电话" onclick="this.style.display='none';$('carDetail1_spLinkWay').hide()" title="说明信息! " class="cyxx_but1" id="linkTel" style="display: none;">
onclick函数写错了
onclick="this.style.display='none';$('#carDetail1_spLinkWay').show()"

Answer 5

把文件写成class 吧,这样就不会冲突了

Answer 6

jquery - -!