jquery - 如何在draggable和droppable之間畫一條線?

jquery - 如何在draggable和droppable之間畫一條線?

我正在使用優秀的JQuery UI來進行“映射”,因此用戶可以將人員從一個程序“映射”到其他程序的人員。 使用這個簡單的JQuery: $(document).ready(function(){$("div.draggable").draggable({ revert: 'valid', snap: false}); $("di…


javascript - 如何使用jquery移動鼠標的div?

我需要能夠使用鼠標移動div,並將數據庫的新位置存儲在數據庫中以記住顯示。 我該怎麼做?…


jquery ui - jQuery Draggable和溢出問題

當我從被設置為overflow:scroll的容器div中拖動div時,我遇到了不希望的效果。 我發現了一個他人遇到問題的例子,但我一直無法找到解決方案 粘貼箱示例 會發生什麼是滾動只是增加,我可以看到為什麼這將是所需的行為,如果你想拖動滾動div的目的地,但我想能夠把它的滾動把握之外。…


jquery - 將列表中的元素拖放到單獨的塊中

我正在嘗試獲得類似於此站點上的jQuery組件。 基本上,有一個包含可用元素的列表,您可以將其拖放到多個塊中。 我有很多JavaScript開發經驗,但我對jQuery很新,我希望這個語言可以編寫腳本。 你能否引導我看一些類似上面所示的例子,或者給我一些關於什麼是開始尋找這樣的好地方的提示?…



javascript - 從jquery可拖動的句柄中排除項目

我有一個可拖動的DIV,有溢出位置自動,所以當內容太大,我得到一個滾動條, 因為我沒有添加句柄(我想div的洞內容拖動它),當你使用德滾動條的div移動/ draggs.... 有沒有從jQuery中的可拖動div的句柄中排除元素的方法? 我需要類似句柄的東西:not(#thisTable) 有沒有這樣的選擇器或類似的東西呢? 在先進的TNX 福特斯…


javascript - 使用jQuery拖放來防止點擊事件

我有一個頁面上的元素是與jQuery draggabe。 這些元素有點擊事件導航到另一個頁面(例如普通鏈接)。 什麼是最好的方式來防止點擊放棄這樣的元素,同時允許點擊不拖放狀態? 我對可排序的元素有這個問題,但認為對於一般的拖放有很好的解決方案。 我已經為自己解決了這個問題。 之後發現Scriptaculous存在相同的解決方案,但也許有人有更好的方法來實現這一點。…


jQuery拖放使用直播活動

我有一個應用程序,其中包含一個經常更改的長列表,我需要該列表中的項目可拖動。 我一直在使用jQuery UI draggable插件,但添加到400多個列表項的速度很慢,並且每次添加新列表項時都必須重新添加。 有沒有人知道一個類似於使用jQuery 1.3的.live()事件的jQuery UI draggable插件的插件? 這將解決這兩個問題。…


jQuery ui draggable elements不在滾動div之外“draggable”

我在div中有很多元素(浮動href標籤),設置高度/寬度,滾動設置為overflow: auto CSS中的overflow: auto 。 這是div的結構:<div id="tagFun_div_main"><div id="tf_div_tagsReturn"><!-- all the draggable elements go in here, the parent di…


Jquery Draggable和Droppable,下降完整的div內容

我有一個div:<div> Hello there<img src="cnnc.png"/></div><div id="cart"><div class="placeholder">drop here</div></div> 而且我希望能夠將其拖入我的可拖放框並將該div的所有內容附加到我的可拖動框中。 問題是我的代碼只能附加文本到框中,我怎樣才能改變它附…


jquery draggable:如何限制可拖動區域?

我有一個可拖動的對象(div),還有一些可放置的對象(表TD)。 我希望用戶將我的可拖動對象拖到其中一個可放置的TD上。 我以這種方式啟用draggable和droppable: $(".draggable").draggable(); $(".droppable").droppable(); 問題在於,用戶可以將div拖動到屏幕上的任何位置,包括從可放置區域移出。 如何限制可拖動對象的邊…




draggable中文 draggable sortable drop drag and demo div mobile size