日期:2014-05-16  浏览次数:20386 次

载入多个jQuery运行库冲突,求解决办法!!
<script language="javascript" type="text/javascript">
$(document).ready(function(){
//scroll
$("#vertical-ticker").totemticker({row_height:'100px',next:'#ticker-next',previous:'#ticker-previous',stop:'#stop',start:'#start',mousestop:true,});},
//top
function(){$("#returnTop").returnTop({right:40,bottom:30});},
//slide
function(){$('.box_skitter_normal').css({width:316,height:240}).skitter({interval:2000,hideTools:true});},
//tags
function(){$('pre.code').highlight({source:1,zebra:1,indent:'space',list:'ol'});});
//date
var t1 = new Date().getTime();
</script>


只能载入第一个,初学者,请尽可能的描述,成功结贴给分谢谢!!

------解决方案--------------------
这是jquery插件不兼容最新版jq主文件造成的,
一般的解决办法是载入最新的稳定版jquery,比如:jquery.1.8.3.js,然后在github或其它地方上找最新版的插件。如果这样还有冲突,就得参照原版粗扫一一下相关的方法,做适当的改动。
------解决方案--------------------

//代码对不对?  
$(document).ready();//这个函数貌似只能接受一个参数,你给了好几个你名参数.

//解决javascript库命名冲突的办法:
$.noConflict();

------解决方案--------------------
检查下jquery插件是否重写了什么东东,如easing效果什么的,导致出问题
自定义jQuery.easing效果插件注意事项
------解决方案--------------------
可用闭包保护一个$变量,这样几个jquery文件不会互相影响
比如:
<script src='jquery1.js'></script>
<script>
 (function($){
    //这儿执行依赖jquery1的代码
 })($);

</script>
<script src='jquery2.js'></script>
<script>
 (function($){
    //这儿执行依赖jquery2的代码
 })($);

</script>
资源占用估计会多些,不过一般情况下前端不用考虑这个

------解决方案--------------------
为何不直接这样写
<script language="javascript" type="text/javascript"> 
$(function() {
//scroll 
$("#vertical-ticker").totemticker({
row_height:'100px',
next:'#ticker-next',
previous:'#ticker-previous',
stop:'#stop',
start:'#start',
mousestop:true
      });
  $("#returnTop").returnTop({right:40,bottom:30});
  $('.box_skitter_normal').css({width:316,height:240}).skitter  ({interval:2000,hideTools:true});
   $('pre.code').highlight({source:1,zebra:1,indent:'space',list:'ol'});
   var t1 = new Date().getTime();
 });
</script> 



------解决方案--------------------
。。。你是在IE下面测的么?

mousestop:true,


后面的逗号去掉。