4

所以，嗨。我已经尝试了所有我知道和不知道的东西，但我根本无法让它发挥作用。是的，我的 html 骨架中有一个脚本标签。

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

我还尝试下载它，然后将其作为脚本标签添加到我的 html 框架中。没有任何效果。我在另一个 file.js 中键入我的 javascript/jquery，这显然也链接到我的 html。

我正在使用括号编辑器。我在网上找不到任何东西......而且我很确定问题是由于某种原因，jQuery 目录没有链接到我的其他 .js 文件，因为当我将我的 javascript 直接键入到里面时我的 html 文件，它可以工作。

对于使用括号编辑器的每个人，我该怎么办？:(

完整的html代码：

    <!DOCTYPE html>
<html>
    <head>
        <title>One Piece Website</title>
        <meta charset="utf-8" />
        <link rel="stylesheet" type="text/css" href="stylesheet.css">
        <script src="jquery.js" type="text/javascript"></script>
        <script src="javascript.js" type="text/javascript"></script>
    </head>
    <body>
        <div id="banner"></div>
        <div id="wrapper">
            <header>
                <div id="logo"></div>
                <div id="navbar"></div>
                <div id="slider">
                    <img src="imgs/slider-arrow.png" id="leftarrow" />
                    <h1>Novidades</h1>
                    <h2>Mantenha-se sempre informado.</h2>
                    <h3>
                        <a href="">SIT ELIT PELLENTESQUE</a>
                    </h3>
                    <p>
                        Ipsum et praesent elit accumsan pellentesque elit varius elit tellus tellus curabitur. Varius sollicitudin tortor velit faucibus varius vestibulum in praesent sit accumsan at mauris lacinia diam sollicitudin iaculis. In ad adipiscing adipiscing adipiscing nulla consectetur ac amet.
                    </p>
                </div>
            </header>
        </div>
        <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    </body>
</html>

JS：

$(document).ready(function() {
$('#slider').mouseenter(function() {
    $('#leftarrow').css('display', 'block');
    $('#rightarrow').css('display', 'block');
    $('#leftarrow').animate({left: '-30px'}, 'slow');
});
$('#slider').mouseleave(function() {
    $('#leftarrow').delay(50000).css('display', 'none');
});

});

4

1 回答 1

5

对于后人：从上面的评论线程中，听起来问题不在于运行网页，而是在编辑源代码时出现在括号编辑器中的警告消息。警告是 JSLint 错误 - Brackets 默认在 JS 文件上自动运行 JSLint。默认情况下，JSLint 会在您引用未在同一文件中定义的全局变量时发出警告。

为避免此类错误，请参阅我对类似问题的回答：如何获取括号以忽略特定的重复错误？

您也可以通过取消选中View > Lint Files on Save菜单项来完全关闭 JSLint 。或者，您可以通过单击错误显示面板右上角的“X”来使错误不那么突兀——然后您只会看到一个微妙的状态栏图标，告诉您是否发现了 JSLint 错误（黄色“！”三角形）与否（绿色复选标记）。

于 2014-04-03T07:37:10.487 回答