时间戳

首页 > 解决方案 > jQuery FadeIn() 等不起作用，浏览器认为它们根本不起作用

javascript - jQuery FadeIn() 等不起作用，浏览器认为它们根本不起作用

问题描述

在这段代码中，我想淡入元素

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

在 Google Chrome Developers 部分它告诉我这fadeIn()不是一个功能！

有什么事 ？我能做些什么？任何帮助表示赞赏

标签： javascriptjquerycssjquery-ui

解决方案

首先，您需要在 javascript 代码之前将 Jquery 库添加到正文的末尾。

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

推荐阅读