0

ここにあるスクリプトと例を微調整して変更したため、機能的な垂直jqueryカルーセルがあります：http://sorgalla.com/projects/jcarousel/examples/static_vertical.html

画像の代わりに、テキストをリスト項目として使用しています。このスクリプトは固定高スタイルを使用しており、高さの自動拡張機能を取り入れようとしています。li 内のコンテンツに基づいて折りたたんだり展開したりします。

特定の要素を height:auto; に設定するなど、css でいくつかのことを試しました。または高さ:100%; しかし、うまくいかないようです。

コンテンツに基づいてこの自動展開と折りたたみを行う方法に私の試みをどこに集中させるべきかについて、誰かがちょっとしたことを知っていますか? CSSではなくJavaScriptを微調整する必要がありますか？

洞察を求めているだけです。

4

2 に答える 2

0

カルーセルがどのように機能するかによって異なりますが、JavaScript を微調整する必要がある可能性があります。

カルーセルに高さが固定された要素が必要な場合は、コンテンツを要素に書き込み、高さを取得してから、要素の高さを見つけたばかりの値に明示的に設定できます。そうすれば、高さはコンテンツによって異なりますが、流動的ではなく固定されており、高さの値もわかります。

このようなものがうまくいくかもしれません：

var height = $("#my-li").css({'height':'auto'}).html('Some text content').height();
//do any calculations you need with height here
$("#my-li").css({'height':height+'px'})
于 2010-03-19T15:03:44.480 に答える
0

Roy 申し訳ありませんが、javascript を使用することは、たとえ機能していたとしても、おそらくやり過ぎであり、悪い習慣と見なされると思います。

トニーが適用することをお勧めします

   li { display:block; overflow:hidden; width:blabla px;}

その後、高さはコンテンツに応じて強制的に増減されます。

于 2010-03-19T15:13:40.347 に答える