jQuery Sortable + Droppable z-index問題

我有一個probelm與我的可排序對象的z索引不超過我可droppable。jQuery Sortable + Droppable z-index問題

如果您訪問http://clareshilland.unknowndomain.co.uk/。
按Ctrl + L調出登錄屏幕。請輸入用戶名clare和密碼shilland。
然後它將加載到管理欄中，如果您點擊manage gallery。
彈出式縮略圖視圖將與該圖庫中的所有照片一起顯示。

問題是，當您將「寶麗來」從網格拖到刪除區域時，它們在刪除區域下。

我試圖把刪除區域放在與網格相同的div中，但它沒有區別，我只是不知道該怎麼做，所以任何幫助將是一個巨大的幫助！

2010-04-18 unknowndomain

嘗試下列選項爲您.sortable()：

{ 
    helper: 'clone', 
    appendTo: 'body', 
    zIndex: 10000 //or greater than any other relative/absolute/fixed elements and droppables 
}

來源

2010-04-19 05:38:39 Zlatev

+1我發現把這個添加到排序工作確實有效，但是你必須'appendTo：'body''，就像它已經在腳本中一樣。 – Mottie 2010-04-19 11:33:53

@fudgey，從來沒有看過代碼。不能想到任何理由'appendTo：'document.body''不能工作。 – Zlatev 2010-04-19 12:42:48

我也無法想出一個理由，但它給我造成了一個jQuery錯誤。 – Mottie 2010-04-19 12:57:38

我不認爲它是一個Z索引問題，我認爲問題是，當你將LI移到刪除區域時，它被切斷，因爲它的外部是其父OL。只要您使用鼠標懸停（使用droppable.over事件），我會嘗試將li移動到刪除區域內的ol中，以便它可以正確顯示。

來源

2010-04-19 03:04:40 Yisroel

我同意這一點，謝謝，我會先調查其他選項，然後嘗試了這一點，謝謝。 – unknowndomain 2010-04-19 23:02:11

實際上，問題似乎是Z指數和溢出（我刪除它）的組合。如果您將圖庫視圖CSS更改爲此，它將起作用

#galleryView { 
background: white; 
bottom: 85px; 
left: 0; 
position: fixed; 
right: 0; 
top: 147px; 
z-index: 1000; 
}

您可能希望有向右滾動而不是向下滾動的其他圖庫圖像。

來源

2010-04-19 03:18:38 Mottie

刪除溢出意味着它不會向下滾動。我認爲這很重要。你的z-索引擺脫了陰影，不那麼重要，但它失去了它的效果。 – Yisroel 2010-04-19 03:32:10

測試你的代碼非常困難，因爲我不能保存頁面並且弄亂它，只是讓你知道。 – Mottie 2010-04-19 10:34:40

是的，如果我刪除溢出，那麼沒有可滾動性，有時可能會有50-100圖像在視圖中。 @fudgey感謝您的反饋意見，我不知道有更好的方式來呈現這一點，因爲它的所有ajax'y也許我可以建議使用螢火蟲，但我不認爲它會真的在這種情況下受益除了使用控制檯。 – unknowndomain 2010-04-19 23:03:46

jQuery Sortable + Droppable z-index問題

回答

相關問題