Question

我是新手，但是我无法让我的外部js工作（但它在HTML doc的头部工作），我已经在这里查看了所有解决方案。

这是我的HTML，js src是script2.js

<!DOCTYPE html >
<html>
<head>

<link href="css/stylesheetelaine.css" rel="stylesheet" type="text/css"/> 


<script type="text/javascript" src="js/script2.js"> </script>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script>

<script src="js/jQuery/jquery.monte.js"></script>     

<meta charset="utf-8">
<title>Gallery</title>


</head>

<body>
<div id="wrapper">

<div id="title">

<h1><a href="index.html"><img src="img/elaine4.png"  width="517" height="185"    alt="elaine cullinan"></a><img src="img/elainefilligree.png" width="235" height="251" alt="elaine"></h1>


<div id="nav">
<ul id>

<li><a href="about.html" title="About">About</a></li>
<li><a href="tattoo.html" title="Tattoo">Tattoo</a></li>
<li><a href="makeup.html" title="Make Up">Make Up</a></li>
<li><a href="gallery.html" title="Gallery">Gallery</a></li>
<li><a href="contact.html" title="Contact">Contact</a></li>

</ul>
</div>

<div id="gallerywrap">

    <div id='example1' class='container'>
        <img src="img/slide/img1.png" alt='An eastern mud turtle hatching.'/>
        <img src="img/slide/img1.png" alt='Just hatched.'/>
        <img src="img/slide/img1.png" alt='After three months.'/>
        <img src="img/slide/img1.png" alt='Taking an occassional bask.'/>
        <img src="img/slide/img1.png" alt='Ornery but healthy at two and a half years.'/>
    </div>




</div>
</body>

</html>

我的外部js：

        $(function () {
            // Unstyled Example
            $.monte('#example1');


            // Styled Buttons Example
            // (see the CSS in the above style block)
            $.monte('#example2', {auto:false});


            // Callback Example
            // Format and append the HTML:
            $('#example3 > img').each(function(){
                $(this)
                .wrap('<div style="position:relative"/>')
                .parent()
                .append('<div><p>' + $(this).attr('alt') + '</p></div>')
                .append('<img src="frame.png" alt="" class="frame"/>');
            });
            // Hide the text on all but the center slide:
            $('#example3 div div').css({opacity: 0}).eq(0).css({opacity: 0.8});
            // Using the callbacks to reveal and hide the text:
            $.monte('#example3', {
                auto:false,
                callbackIn: function () {
                    $(this[0]).find('div').animate({opacity: 0.8}, 450);
                }, 
                callbackAway: function () {
                    $(this[0]).find('div').animate({opacity: 0}, 450);
                }
            });
        });

Answer 1

您在加载jQuery之前加载。你需要在之后加载它。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script> <script type="text/javascript" src="js/script2.js"> </script>

Answer 2

移动此行：

<script type="text/javascript" src="js/script2.js"> </script>

之后的，其中包含jquery.min.js和jquery.monte.js。

脚本按顺序执行，因此您需要：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script> <script src="js/jQuery/jquery.monte.js"></script> <script type="text/javascript" src="js/script2.js"></script>

这样浏览器首先加载jQuery，然后加载Monte插件，然后执行你的脚本。

Answer 3

运行外部JavaScript。在标记后面的底部声明它。它会工作。

</body><script src="js/validate.js"></script></html>

Answer 4

确保不忘记这些要点

在单个目录中添加js文件和html文件有时将两个文件保存在单个驱动器中也会出错
文件（external.js）行的点扩展名应如下所示 <script type="text/javascriipt" src="external.js">即使更改了源地址，也会发生错误。

外部JavaScript无法正常工作，但在头部工作

4 个答案: