载入多个jQuery运行库冲突，求解决方法！

载入多个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,

后面的逗号去掉。

载入多个jQuery运行库冲突，求解决方法！

相关推荐