2011-07-03 37 views
0

我有問題要爲xuijs創建相應的slideDown。tween回到xuijs的自動高度

的效果基本show(隱藏)很容易與

x$('elm').tween({height:'0'}); 

完成,但似乎有沒有辦法使用吐溫恢復到原來的高度。

$x('elm').setStyle('height','auto !important'); 

工作正常,但沒有動畫,當然,

x$('elm').tween({height:'auto !important'}); 

不起作用。 (但是,將高度設置爲固定值並不是一種選擇)。

類型卡在這裏,document.getElementById('target_box')。當tween或setStyle將高度設置爲0時,clientHeight不起作用。唯一我能想到的解決方案是在div初始全局崩潰之前將高度存儲在數組中。

感謝您的幫助。

(受影響的div使用溢出:隱藏)

問候,

//牛逼

回答

1

如果您使用HTML5的高度,你打電話之前吐溫爲什麼不存儲爲data-屬性?

x$.extend({ 
'slideUp' : function(){ 
    this = this[0]; 
    x$(this).attr('data-h',this.clientHeight); 
    x$(this).tween({height:'0'}); 
}, 
'slideDown' : function(){ 
    this = this[0]; 
    x$(this).tween({height:x$(this).attr('data-h');});  
    } 
}); 

此代碼未經測試,但值得一試。

+0

感謝帖子,稍後再試,請點擊上面的zepto-comment。 – Teson

1

不知道如果你已經解決了這個問題,但我有一個解決方案。很確定有更好的方法,但這似乎有伎倆。

emile.js and xui animation needing double click?

使用的埃米爾而不是補間,但相信你可以改變它,如果你想要但是emile.js是XUI。

+0

謝謝發佈,但我發現zepto工作otb,http://mir.aculo.us/2010/10/28/zepto-js-a-jquery-compatible-mobile-javascript-framework-in-2k-presentation/ – Teson