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

Question

我正在努力做到这一点，当我点击一个按钮时，它会使用 jQuery 自动向下滚动。它看起来比常规的 html 跳转要好得多。但是，该代码仅适用于我的 CodePen/它的导出，但不适用于通过我的 WebStorm 的任何内容。

我已确保为 jQuery 添加库并添加脚本调用。我知道该库已添加，因为它不再在 $ 下显示波浪形，但代码仍然无法正常运行。脚本调用就在那里——当然，因为它使用完全相同(复制和粘贴)的代码与 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>