Question

所以，嗨。我已经尝试过所有我知道但不知道的事情，而我根本无法使它发挥作用。是的，我的html骨架中有一个脚本标记。

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

我也尝试下载它，然后添加到我的html骨架作为脚本标记。什么都行不通。我在另一个file.js中输入我的javascript / jquery，这显然也链接到我的html。

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

对于使用Brackets编辑器的每个人，我该怎么办？：（

完整的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');
});

}）;

Answer 1

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

为避免此类错误，请在此处查看我对类似问题的回答：How to get brackets to ignore particular repeating errors?

您也可以通过取消选中视图＆gt;完全关闭JSLint保存时的提示文件菜单项。或者，您可以通过单击＆＃34; X＆＃34;使错误不那么突兀。在错误显示面板的右上角 - 然后你只会看到一个微妙的状态栏图标，告诉你是否找到了JSLint错误（黄色＆＃34;！＆＃34;三角形）或不是（绿色复选标记）

jQuery不会在括号编辑器上工作

1 个答案: