按钮fadein jQuery ASP.net

Question

当页面加载时，我尝试在ASP.net中使用div淡出效果。 但不知怎的，我不能让它发挥作用。

Jquery的

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

HTML

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

我希望有人可以帮助我。

Answer 1

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

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

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

Here是一个工作样本。

或者您可以将display:none css添加到HTML标记中，只需尝试使用您的版本（不调用隐藏）

Answer 2

<强> jsFiddle DEMO

更改您的html以使其隐藏起来。添加样式"display:none"。

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

fadeIn仅在首先隐藏元素时才有效。