jquery ui排序佔位符無法更改背景顏色

我可以成功地更改佔位符的邊框顏色，但是當我嘗試更改背景顏色時，什麼都不會發生。jquery ui排序佔位符無法更改背景顏色

此的jsfiddle代碼最能解釋它：http://jsfiddle.net/EUVrK/1/

來源

2012-07-17 Kosta Kontos

按照jQuery UI Sortable Documentation可以提供佔位符CSS類。你應該能夠在這個類中指定背景。

使用佔位符和forcePlaceholderSize屬性，它就像一個魅力。我已更新jsfiddle link

希望有所幫助。

來源

2012-07-17 13:33:02 p0wl

感謝您抽出寶貴時間來幫助p0wl。這個解決方案確實有效。然而，它使用了不同的代碼佈局/結構，即：它需要將樣式分隔到CSS類中，並將foreplaceholderSize設置爲true繼承width參數。當然，它可以做到這一點，但我的其他答案（IRC中的其他人提供）中概述的解決方案僅需要在原始問題中添加一行額外的jQuery代碼。它非常優雅。也許你發現它也很有用？無論如何，謝謝:) – 2012-07-19 08:03:39

你是對的，但它取決於觀點。我喜歡在javascript和css之間分開。儘管使用jquery-ui的標準參數可以有一個好處（例如，使用get方法讀取它）。 – p0wl 2012-07-19 11:24:04

是的，按照你所做的方式分離Javascript和CSS當然是更好的做法。因此，我會將您的答案投票爲正確的答案（因爲問題的標題沒有提及ui.placeholder的低級調整）。 – 2012-07-19 12:08:23

我從irc.freenode上的一位朋友那裏得到了一些幫助，他建議了下面的解決方案，它可以做到這一點。

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

佔位符的背景顏色顯示不出來，因爲實際的元素是不可見的（我想這是默認設置爲隱藏）。因此將其設置爲可見可以讓您看到不同的背景顏色。

來源

2012-07-19 07:58:06

你在哪裏放置這段代碼？ – Sevenearths 2015-06-26 09:51:02

非常好。太棒了。 – 2016-06-03 17:17:25

你也可以通過做ui.placeholder.css（{「visibility」：「visible」，「background-color」：「red」}）來縮短這個範圍。 – 2016-06-03 17:18:39

CSS

 
.placeholderBackground{background-color:#FD6FB7;}

參數

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

來源

2013-08-19 21:32:56

jquery ui排序佔位符無法更改背景顏色

回答

相關問題