jquery - jQuery不透明度在div中不显示

Question

我有这个小代码，但没有使用 jQuery 的函数动画显示不透明度，我认为代码很好但没有工作，动画函数不透明度的失败获取：

这是我的代码

$("#slider_zone_infor").css({
    "height":""+show_infor_sliders_h+"px",
    "line-height":""+show_infor_sliders_h+"px"
}).show(100).animate({opacity:1},350);

我想显示这个区域并打开透明

Answer 1

如果您正在使用：

  .hide{
      opacity:0;
  }

HTML

  <div id="slider_zone_infor" class="hide">
   Hi there
   </div>

然后您的代码将正常工作：

    <script type="text/javascript">
    var show_infor_sliders_h = "234";
    var show_infor_sliders_h = "200";
    $(document).ready(function(e) {


    $("#slider_zone_infor").css({
    "height":"'"+show_infor_sliders_h+"px'",
    "line-height":"'"+show_infor_sliders_h+"px'"
}).show(100).animate({opacity:1},350);

  });
    </script>

如果您正在使用：

.hide{
display:none;
}

比这还好：

$("#slider_zone_infor").css({
    "height":"'"+show_infor_sliders_h+"px'",
    "line-height":"'"+show_infor_sliders_h+"px'"
}).show(100);

关键：

你只能做opacity:0 to opacity:1anddisplay:none to display:block,或者你也可以使用fadeIn and fadeOut.

但你做不到opacity:0 to display:block