我可以顯示：jQuery UI可拖動的任何部分，仍然保持光標在某種程度上？

我有很多可拖動的圖片，我想放入文件夾中。爲了節省空間（並且在屏幕上同時顯示更多可拖動的內容），我在拖動過程中用CSS隱藏了圖像。圖像消失時，如何將鼠標放在可拖動的位置？我可以顯示：jQuery UI可拖動的任何部分，仍然保持光標在某種程度上？

這裏是我所看到的，只是用一個簡單的拖動框的示例：

$("#draggable").draggable({ 
    revert: "invalid", 
    cursor: "move", 
    scroll: false, 
    cursorAt: { top: 5, left: 5 }, 
    start: function(event, ui) { 
     $('img').addClass('hidden'); 
    }, 
    stop: function(event, ui) { 
     $('img').removeClass('hidden'); 
    } 
});

http://jsfiddle.net/fBPdF/

的hidden類使用display:none;隱藏圖像。正如你可以在小提琴中看到的那樣，拖動第一個圖像效果很好，鼠標在拖動時在盒子左上角跟蹤。當您拖動第二個時，鼠標將浮動到一邊，因爲在刪除圖像時已經設置了cursorAt值。

我不想使用助手克隆（因爲這使得移動看起來更像副本），但這是我迄今發現的唯一方法，使其工作。我試着重新啓動函數中的超時內的cursorAt，但它似乎沒有效果。

有沒有辦法保持光標和可拖動在一起？

來源

2013-05-09 Ennael

試着改變不透明度。隱藏的屬性從「索引」中刪除元素。

.hidden { 
    opacity: 0; 
}

http://jsfiddle.net/eEgTL/

來源

2013-05-09 18:17:05 Scoup

這將隱藏的圖像，但我這樣做的唯一原因是崩潰的項目，以便在頁面上更加貼合。改變不透明度使得圖像不可見，但是它們仍將佔據相同的空間量。想象一下，圖像2x的大小和頁面左側的可滾動列中的小提琴。如果包含圖像（與不透明度0相同），則只能看到一個或兩個圖像，但如果顯示：無圖像，則會摺疊並更合適。 – Ennael 2013-05-09 18:41:31

感謝您的建議。 :) – Ennael 2013-05-09 18:42:38

亨恩......我現在明白了。我會嘗試別的。 – Scoup 2013-05-09 18:54:38

我可以顯示：jQuery UI可拖動的任何部分，仍然保持光標在某種程度上？

回答

相關問題