jQuery opacity在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:1和display:none to display:block,，或者您也可以使用fadeIn and fadeOut。

但你无法做opacity:0 to display:block