Javascript jquery show()在IE 7中移动其他元素
我有这个标记Javascript jquery show()在IE 7中移动其他元素,javascript,jquery,internet-explorer,Javascript,Jquery,Internet Explorer,我有这个标记 <div class="pfbc-form" id="ticker_div" style="padding: 0px; line-height: 18px; width: 64%; margin-top: 0px; margin-left: 10px;"> <span id="ticker"><b> Avisos y tratamientos vigentes.</b></span> </div> &l
<div class="pfbc-form" id="ticker_div" style="padding: 0px; line-height: 18px; width: 64%; margin-top: 0px; margin-left: 10px;">
<span id="ticker"><b> Avisos y tratamientos vigentes.</b></span>
</div>
<input class="ui-button ui-widget ui-state-default ui-corner-all" style="height: 40px;width: 10%;" value="something" type="button" onclick="doSomething();"></input>
这是:
var array_datos = ['foo','bar'];
var i = 1;
function blink()
{
var elem = $( "#ticker" );
//elem.hide( 'clip', {}, 7000/5);
elem.text(array_datos[i]);
elem.show( 'clip', {}, 7000/5);
if(i+1<array_datos.length)
i++;
else
i = 1;
}
blink();
var timer = setInterval('blink()',7000);
此代码适用于除IE7之外的所有浏览器。当.show运行时,按钮向下移动,并在动画结束时返回其位置
我试着给沙发设定一个高度,但那似乎不起作用。
我不知道发生了什么事
ps:我知道代码中有几个问题,但我不认为这会影响这种行为。设置容器div的高度:
<div class="pfbc-form" id="ticker_div" style="height: 30px; padding: 0px; line-height: 18px; width: 64%; margin-top: 0px; margin-left: 10px;">
这里的Fiddle:数组在JavaScript中从零开始…您指的是哪个版本的IE?仅供参考:请不要将字符串传递给setTimeout,它使用eval。传递函数。var定时器=setIntervalblink,7000;尖头:是的,我知道,这是旧代码,我正在纠正这类事情约翰:IE 7。编辑了我根据答案删除的问题。我忘了jQueryUI扩展了.show方法。jqueryui增加了额外的参数;它通过你经过的东西来判断你想要哪一个。所以它要么是持续时间,放松,回调,要么是效果,[选项],[速度],[回调]。