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