3

私はこのドロップダウンメニューを使用しています: css-tricks simple jquery drop downで、別の div 内に完全に表示する必要があります。

私の div はドラッグ可能$('#textbox')です。ここの jsfiddle で確認できます: http://jsfiddle.net/asaakius/5nGYS/13/。関連する CSS をこの jsfiddle 内に配置しました。

の付いたドラッグ可能なボックスがx表示されます。これは、ロールオーバーできるメニューです。問題は、メニューがテキストボックス内に表示されるはずなのに表示​​されないことです。$('#textbox')右側から溢れ出すからだと思います。このメニューを左側に表示する方法はありますか?

また、コンテナーの一部ではなく、ページの横にフラットな x を配置したので、メニューが正常に動作したときにどのように表示されるかがわかります。

4

2 に答える 2

1

これがあなたの答えです： http://jsfiddle.net/5nGYS/17/

于 2012-09-01T11:11:12.067 に答える
1

ここでデモ。
私がやったことは次のとおりです。
まず、ドラッグ可能内のドロップダウン メニューがまったく表示されませんでした。「x」ボタンのあるドロップダウンメニューulを中に入れました。次に、 （の直後）liのCSSルールで、ドラッグ可能な範囲内に収まるように幅を変更しました。 お役に立てれば！ 注: ドロップダウン テキストを右揃えにする場合は、ルールに追加します。ul.dropdown ul/* LEVEL TWO */left: 0;right: 0;

text-align: right;ul.dropdown ul

于 2012-09-01T11:03:07.010 に答える