Javascript jQuery的放置_Javascript_Jquery

Javascript jQuery的放置

javascript jquery

Javascript jQuery的放置,javascript,jquery,Javascript,Jquery,下面是一个简单滑块的代码。我想知道为什么当我将jquery代码移到底部（在之前）时它不起作用——当它位于顶部时它起作用我读了一些书，但每个人似乎都在鼓吹将它放在底部 <!DOCTYPE html> <html> <head> <title>Slide Panel</title> <link rel="stylesheet" href="//ajax.googleapis.com/ajax/l

下面是一个简单滑块的代码。我想知道为什么当我将jquery代码移到底部（在之前）时它不起作用——当它位于顶部时它起作用我读了一些书，但每个人似乎都在鼓吹将它放在底部

<!DOCTYPE html>
<html>
    <head>
        <title>Slide Panel</title>
        <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
        <script type="text/javascript" src="script.js"></script>
        <link rel="stylesheet" type="text/css" href="stylesheet.css"></link>

    </head>
    <body>
        <div class="panel">
        <br />
        <br />
        <p>Now you see me!</p>
        </div>
        <p class="slide"><div class="pull-me">Slide Up/Down</div></p>

        <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
        <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
</body>
</html>


滑动面板




现在你看到我了
向上/向下滑动

因为主脚本script.js放在jquery声明之前。主脚本应该在jquery之后声明。您可以将script.js放在页面底部的jquery脚本标记下，它仍然可以工作，或者您可以将jquery脚本标记放在页面顶部的script.js标记上，它仍然可以工作。

您是正确的，最新的做法是将脚本包含在页面底部。所有的，包括你的。您的自定义脚本应该显示为最后一个，以便首先加载它所依赖的公共域脚本

<body>
    <stuff/>
    <script src="http://code.jquery.com/jquery-1.10.2.min.js"/>
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"/>    
    <script type="text/javascript" src="script.js"></script>
</body>

即使使用正确的方法，依赖项也有可能无法按正确的顺序加载，这就是他们发明的原因。

因为在顶部有另一个脚本文件[script.js]，它可能使用jQuery，因此无法加载。需要和其他人在一起。嗯。。。你的代码在哪里？啊，有道理。非常感谢。