0

xuijs 用の同等の slideDown を作成するのに問題があります。

スライドアップ（非表示）は簡単に

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

しかし、トゥイーンを使用して元の高さに戻す方法はないようです。

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

もちろん正常に動作しますが、アニメーションはありません。

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

動作しません。(ただし、高さを固定値に設定することはできますが、それはオプションではありません)。

ここで立ち往生している、document.getElementById('target_box').clientHeight は、トゥイーンまたは setStyle によって高さが 0 に設定されると役に立ちません。私が考えることができる唯一の解決策は、div の最初のグローバルな崩壊の前に高さを配列に格納することです。

助けてくれてありがとう。

(影響を受ける div は、overflow: hidden を使用します)

よろしく、

//t

4

2 に答える 2

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

このコードはテストされていませんが、試してみる価値はあります。

于 2011-08-18T16:01:00.967 に答える
1

あなたがこれを解決したかどうかはわかりませんが、私は解決策を得ました。もっと良い方法があることは確かですが、これでうまくいくようです。

ダブルクリックが必要な emile.js と xui アニメーション?

tween の代わりに emile を使用しますが、必要に応じて変更できますが、emile.js は xui にあります。

于 2012-04-13T17:18:24.497 に答える