两个javascripts赢了';不能在同一页上执行
我有两个jquery Java脚本(scrollpane和last.fm)。但是,无论哪一个在两个javascripts赢了';不能在同一页上执行,javascript,jquery,html,head,Javascript,Jquery,Html,Head,我有两个jquery Java脚本(scrollpane和last.fm)。但是,无论哪一个在中稍后发布,都会执行并显示在页面上,而另一个则会消失。我不知道怎么解决这个问题。这是我的头号代码: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <!--LASTFM--> &l
中稍后发布,都会执行并显示在页面上,而另一个则会消失。我不知道怎么解决这个问题。这是我的头号代码:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!--LASTFM-->
<link href="css/engage.lastfm.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="js/engage.lastfm.js"></script>
<script type="text/javascript">
$(document).ready(function(){
// Begin jQuery goodness
$('div#lastfm').lastFM({
username: 'angrypink',
apikey: '255b0123e857aa3f6fd52a76b70ec15d',
number: 2,
artSize: 'medium',
onComplete: function(){
}
});
// End jQuery goodness
});
</script>
<!--JSCROLL-->
<link type="text/css" href="css/jquery.jscrollpane.css" rel="stylesheet" media="all" />
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="js/jquery.jscrollpane.min.js"></script>
<script type="text/javascript" id="sourcecode">
$(document).ready(function() {
var $images = $(".tumblr img")
, imageCount = $images.length
, counter = 0;
$images.one("load",function(){
counter++;
if (counter == imageCount) {
$('.scroll-pane').jScrollPane();
}
}).each(function () {
if (this.complete) {
$(this).trigger("load");
}
});
});
</script>
</head>
$(文档).ready(函数(){
//开始jQuery
$('div#lastfm').lastfm({
用户名:“angrypink”,
apikey:'255b0123e857aa3f6fd52a76b70ec15d',
编号:2,
艺术品尺寸:“中等”,
onComplete:function(){
}
});
//结束jQuery
});
$(文档).ready(函数(){
变量$images=$(“.tumblr img”)
,imageCount=$images.length
,计数器=0;
$images.one(“加载”,函数(){
计数器++;
如果(计数器==imageCount){
$('.scroll pane').jScrollPane();
}
}).每个(功能){
如果(完成此项){
$(此).trigger(“加载”);
}
});
});
您犯了一个错误:您有多个jquery定义:
<script src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
试着只放这一次,保留这一次:
因为是本地的,不依赖谷歌
尝试清理一下,因为jquery的多个定义可能会产生错误所有jquery ready函数都将执行,它们不会重叠,但如果其中一个document ready失败,将阻止其他函数执行。。你能把alert或console.log都放在上面,然后检查我该怎么做吗?我进入chrome并在页面上打开了javascript控制台。下面是出现的情况:
uncaughttypeerror:Object[Object Object]没有方法'lastFM'索引。html:25(匿名函数)index.html:25 c.extend.ready jquery.min.js:26 L jquery.min.js:33
event.returnValue已弃用。请改用标准的event.preventDefault()。jquery.js:5374
$(document).ready(function(){alert(“First:I am called”)})和第二个alert(“second:I am called”)中相同,并检查控制台日志中的错误您有两个不同(可能不兼容)版本的jquery,其中一个加载了两次。这真是一团糟。了解您正在加载的内容,然后整理一下。当我删除1.4 jquery时,最后的.fm代码不起作用,但是如果我删除1.10查询,那么页面上的所有其他Java脚本都不起作用!您是否在脚本顶部包含jquery?在加入其他.js之前,它真的很有魅力,非常感谢!!!我不知道你必须把jquery放在