我的jQuery代码不适用于WebStorm，但它适用于CodePen

Question

我正在尝试制作它，因此，当我单击按钮时，它使用jQuery向下自动滚动。看起来比常规的HTML跳跃好得多。但是，该代码仅处理我的Codepen/ITS导出，而不是通过我的WebStorm来处理任何内容。

我确保为jQuery添加库并添加脚本调用。我知道添加了库是因为它不再显示$下的Squiggly，但是代码仍然无法正常运行。脚本调用在那里 - 绝对是，因为它使用完全相同的(复制和粘贴(代码与Codepen一起使用。

html：

<script
            src="http://code.jquery.com/jquery-3.4.1.js"
            integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="
            crossorigin="anonymous">
    </script>
    <script> src="js/main.js>" </script>

JS：

//Animate Smooth Scroll
$('#view-work').on('click',function() {
    const images = $('#images').position().top;
    $('html, body').animate({
            scrollTop: images
        },
        900
    );
});

完整：https：//codepen.io/at-lowdesu/pen/lkjklr

我希望它像在Codepen上一样自动滚动，但是通过我的Webstorm IDE及其出口。

Answer 1

已解决。我没有正确使用脚本调用。<script> src="js/main.js>" </script>应该是<script src="js/main.js"> </script>