2012-06-07 48 views
1

我有此標記jQuery的顯示()移動的其它元件在IE 7

<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> 

和這個js:

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); 

這個代碼在所有的瀏覽器,除了IE 7. .show運行時,按鈕向下移動,並在動畫結束時返回到其位置。

我試着給div設置一個高度,但那似乎不起作用。 我不知道它發生了什麼。

ps:我知道在代碼中有幾個問題,但我不認爲這會影響這種行爲。

+0

陣列開始在JavaScript的零... – Pointy

+0

其中* IE的版本*你指的是? –

+1

僅供參考:請不要將字符串傳遞給'setTimeout',它使用'eval'。傳遞函數。 'var timer = setInterval(blink,7000);' –

回答

0

設置height爲您div容器:

<div class="pfbc-form" id="ticker_div" style="height: 30px; padding: 0px; line-height: 18px; width: 64%; margin-top: 0px; margin-left: 10px;"> 

小提琴這裏:http://jsfiddle.net/C4KyQ/3/