载入多个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,
后面的逗号去掉。