2017-02-16 55 views
0

我在隱藏和顯示jQuery的.sortable中的佔位符時遇到問題。 請參閱JSFiddle隱藏/顯示jQuery排序中的佔位符

(請忽略佈局。在我住的網站,它看起來更好......)

(另外,請注意,第一個懸浮窗已被禁用。)

我希望在達到最多4滴的情況下,禁用拖放區中的佔位符(右側8)。 我可以拖放兩種方式,並且當達到最多4滴時,我確實設法禁用了右側的佔位符顯示。 但是,我懷疑我的代碼阻止佔位符在原始區域顯示,因爲原始區域中有多於4個元素。

我試圖通過使用一個額外的變量圍繞這方面的工作,以確定我拖着我的時候/滴,就像這樣:

var item = $(ui.item); 
var from = item.parent().is("#draggable"); 

,然後使用的if/else if/else語句建設能夠檢測我在哪裏,從而決定是否隱藏或顯示佔位符。

不能得到它的工作....

所以,我們的目標是佔位符應始終顯示,在右邊的dropzones已發生的4滴的最大數量時除外。

任何人都知道我是否在正確的軌道上?

+0

'$(佔位符).toggle()'已經建立在你想要的功能 - 顯示和隱藏元素,而不需要'if' – Bruno

回答

0

OK,我想它了(差不多了!)

以供將來參考:只好用.sortableover:功能,如果有其他然後邏輯在一些建設。

現在我總是在左窗格中看到佔位符,並且當右窗格有4個子窗口時不再顯示佔位符,而在右窗格中的某個窗格內仍顯示佔位符。但是,仍然存在一個小問題:當我從右側的一個窗格拖放到另一個窗格並且窗格「滿」時,佔位符仍然顯示。必須做更多的檢查,我猜...

FWIW:請看到成品的this JSFiddle