淡入、滑入和其他需要显示的功能:无无法正常工作

fadeIn, slideDown and other functions that require display:none not work correctly

本文关键字：常工作 工作 功能 其他 显示 淡入      更新时间：2024-04-08
function loadframe(){
    $("#orderblock").fadeIn("slow");
}

<div id="orderblock">
    <div>
        <object id="widget" data="....somecontent...."  onload="loadframe()"></object>
    </div>
</div>

#widget {
    width: 630px;
    height: 480px;
}
#orderblock {
    left: 125px;
    margin: auto;
    display: none;
    background-size: contain;
    height: 518px;
    background: url("./img/bgOrder.png") no-repeat;
    width: 648px;
}

fadeIn不起作用，但fadeOut运行良好(当然display: block(。 slideDown也有同样的麻烦，slideUp也很好用。

上级：将"对象"更改为"iframe"后，一切都有效object因为它已经过时并且不支持我为其设置的onload事件处理程序，因此我的jQuery代码从未被调用。

它们似乎都对我有用：

loadframe();
function loadframe(){
   $("#orderblock").fadeIn("slow");
   $("#orderblock").slideUp("slow");
   $("#orderblock").slideDown("slow");
   $("#orderblock").fadeOut("slow");
}
#widget {
 width: 50px; 
 height: 50px;
}
#orderblock {
  display:none;
  background: url("./img/bgOrder.png") no-repeat;
  background:yellow;
  margin: auto;
  height: 50px;
  width: 50px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div id="orderblock">
    <div>
       <object id="widget" data="....somecontent...."  onload="loadframe()"></object>
    </div>
</div>

将"对象"更改为"iframe"后，一切正常。

相关文章：