Question

所以我的代码在下面是一个简单的滑块。我想知道为什么当我将我的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>

Answer 1

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

Answer 2

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

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

即使你以正确的方式做到这一点，依赖关系也不会以正确的顺序加载，这就是他们发明RequireJS的原因。

放置jQuery

2 个答案: