Мой код jQuery не работает с WebStorm, но работает с CodePen - PullRequest
Новая
       18

Мой код jQuery не работает с WebStorm, но работает с CodePen

1 голос
/ 06 июля 2019

Я пытаюсь сделать так, чтобы при нажатии кнопки она автоматически прокручивалась вниз с помощью 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
    );
});

Full: https://codepen.io/at-lowdesu/pen/LKJKLr

Я ожидаю, что он будет автоматически прокручиваться, как в CodePen, но через мою среду IDE WebStorm и ее экспорт.

1 Ответ

0 голосов
/ 06 июля 2019

решаемая. Я не правильно использовал вызов скрипта. <script> src="js/main.js>" </script> должно быть <script src="js/main.js"> </script>

...