两个javascripts不会在同一页面上执行

时间:2013-12-30 08:55:01

标签: javascript jquery html head

我有两个jquery javascripts(scrollpane和last.fm一个)。但是,稍后在<head>中发布的那个是在页面上执行并显示的那个,另一个消失。我不知道如何解决这个问题。这是我的主要代码:

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

1 个答案:

答案 0 :(得分:2)

你犯了一个错误:你有多个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>

尝试只放一次,保留这一个:<script src="js/jquery-1.10.2.min.js"></script>

因为是本地的,不依赖谷歌

尝试清理一下,因为jquery的多个定义可能会产生错误