淡入，了slideDown和其他功能：无无法正常工作

-2

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也适用。淡入，了slideDown和其他功能：无无法正常工作

UPD： 改变“对象”到“IFRAME”的所有作品，因为object已过时，不支持，我已经为它设置的onload事件处理程序后，所以我的jQuery代码是从来没有得到所谓的。

来源

2016-04-09 Vlad Melnik

你的意思是不工作？你可以说得更详细点吗？ –

您的CSS中的'left：1125px;'指令将不会执行任何操作，因为'＃orderblock'元素处于文档的正常流程中。使用'position：xyz'来完成这项工作。 –

他们似乎都为我工作：

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>

来源

2016-04-09 18:35:34

采取小部件网址“http://widget.evos.in.ua/?dispatchingID=284” ，然后重试，无需手动调用“loadframe（）;” –

改变 “对象” 到 “IFRAME” 的所有作品之后。

来源

2016-04-09 19:22:16

由于'object'已过时，并且不支持您为其设置的'onload'事件处理程序。你的问题与jQuery无关。 –

我的指南包含错误信息。对不起，你的时间。 –

淡入，了slideDown和其他功能：无无法正常工作

回答

相关问题