Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
两个javascripts赢了';不能在同一页上执行_Javascript_Jquery_Html_Head - Fatal编程技术网

两个javascripts赢了';不能在同一页上执行

两个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

我有两个jquery Java脚本(scrollpane和last.fm)。但是,无论哪一个在
中稍后发布,都会执行并显示在页面上,而另一个则会消失。我不知道怎么解决这个问题。这是我的头号代码:

<!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放在