jQuery FadeIn () и т. д. не работают, браузер считает, что они вообще не работают

Question

в этом куске кода, я хочу fadeIn Elements

$("button").on("click", function () {
    $('div').fadeIn("2000", function () {
    })
})

в части разработчиков Google Chrome сообщает, что fadeIn() - это не функция!

в чем дело? Что я могу сделать? Любая помощь приветствуется

Answer 1

Прежде всего, вам нужно добавить библиотеку Jquery в конец вашего тела, прежде чем ваши javascript-коды.

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Тогда вы можете использовать функцию fadeIn. Кроме того, вы должны правильно использовать селектор jquery. Надеюсь, этот образец поможет вам.

    $( "#clickme" ).click(function() {
        $( "#ContentDIV" ).fadeIn( "slow", function() {
            // Animation complete
        });
    });

.test {
            background-color: grey;
            padding: 20px;
            display: none;
        }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="clickme">Click Me</button>
 
<div id="ContentDIV" class="test">
    This is a test DIV
</div>