jquery ui sortable placeholderは背景色を変更できません

プレースホルダの境界線の色を変更することはできますが、背景色を変更しようとすると何も起こりません。jquery ui sortable placeholderは背景色を変更できません

このjsfiddleコードは最高のそれを説明する：http://jsfiddle.net/EUVrK/1/

出典

2012-07-17 Kosta Kontos

プレースホルダのCSSクラスを提供することができますjQuery UI Sortable Documentationによります。このクラスの背景を指定することができるはずです。

プレースホルダとforcePlaceholderSizeプロパティを使用すると、チャームのように機能します。私はjsfiddleを更新しましたlink

希望に役立ちます。

出典

2012-07-17 13:33:02 p0wl

感謝。このソリューションは実際には機能します。しかし、それは私が後にしたものとは異なるコードレイアウト/構造を使用します。つまり、スタイリングをCSSクラスに分割し、foreplaceholderSizeをtrueに設定してwidthパラメータを継承する必要があります。確かに、それはトリックですが、私の他の答え（IRCの他の誰かからの礼儀で）で概説されている解決策は、元の質問のコードに追加されるjQueryコードを1行追加するだけです。それはかなりエレガントです。おそらくあなたはそれも有用であると感じましたか？とにかくありがとう:) –

あなたはかなり正しいですが、それは視点に依存します。私はjavascriptとcssを区別したい。 jquery-uiの標準パラメータを使用すると利点が得られます（たとえばgetメソッドを使用して読み取る）。 – p0wl

JavascriptとCSSを分けることは、確かに良い方法です。そのように、私はあなたの答えを正しいものとして投票するつもりです（なぜなら質問のタイトルはui.placeholderの低レベル微調整を参照しないからです）。 –

私はirc.freenodeの友人から助けを得て、トリックを行う次のような解決策を提案しました。

ui.placeholder.css("visibility", "visible"); 
ui.placeholder.css("background-color", "red");

実際の要素が見えなかったので、プレースホルダの背景色は（私はそれは、デフォルトでは非表示に設定されていますと仮定）まで表示されませんでした。可視に設定すると、異なる背景色を見ることができます。

出典

2012-07-19 07:58:06

このコードはどこに配置しますか？ – Sevenearths

非常に良い。これは完璧です。 –

これを短縮するには、ui.placeholder.css（{"visibility"： "visible"、 "background-color"： "red"}）;を実行します。 –

CSS

 
.placeholderBackground{background-color:#FD6FB7;}

PARAMETER p0wlを助けるために時間を割いて

 
$('.sortable').sortable({ 
axis: 'y', placeholder: 'placeholderBackground' 
}).disableSelection();

出典

2013-08-19 21:32:56

jquery ui sortable placeholderは背景色を変更できません

答えて

関連する問題