Javascript 按钮fadein jQuery ASP.net

当页面加载时，我尝试在ASP.net中提供div淡入效果。 但有一次我没能让它工作

Jquery

 $(document).ready(function () {
    $('#divbutton').fadeIn(2000);
});

HTML

---

我希望有人能帮助我。

您的元素当前可见。所以你不会注意到fadeIn的效果

首先隐藏元素，然后在元素上调用

fadeIn

$(document).ready(function () {
    $('#divbutton').hide().fadeIn(2000);
});

这是一个工作样本

或者，您可以将

display:none

css添加到HTML标记中，只需尝试您的版本（不调用hide）

首先更改html以使其隐藏。添加样式“显示：无”

---

fadeIn

仅当元素先隐藏时才起作用。

避免内联CSS；添加一个隐藏您的元素的类。@benjarwar-同意您的意见。。但出于演示目的，这将起作用。我看到OP已经在使用类，所以我建议添加一个隐藏它的类。@Jens-没问题。很高兴为您提供帮助。谢谢您。总是一些小错误让新手程序员的生活变得困难XD

$(document).ready(function () {
    $('#divbutton').hide().fadeIn(2000);
});

<div id="divbutton" class="col-md-4 text-center" style="display:none">
  <a href="#" class="btn-main">Bekijk onze Films</a>
</div>