droppable

    0熱度

    3回答

    我正在使用div在單元格內的表格上工作,並且我希望該div可以放置。 當我在div中放入某些東西時,會在第一個div下生成一個新的div。 但動態生成的div必須是可放開到現在是不是...... 這裏是一個div創建: // in a loop with i divCreate = $("<div>", { id: "divCreate" + i, class: "droppable" });

    0熱度

    1回答

    我正在尋找任何指令或任何與angularJs一起使用以在DOM中動態地拖動或放置元素的東西。 就像在DOM中有一個可拖動的元素,我想使它可以droppable並禁用其可拖動的屬性。 我檢查了很多指令。任何人都可以給我一些建議

    2熱度

    2回答

    儘管有大量的Google搜索,但我一直在爲這種奇怪的行爲而撕裂我的頭髮! 我已經創建了一個可拖動的div元素,以及一系列應該在懸停時突出顯示的可放置div。當我點擊並拖動時,我的助手的行爲如預期的那樣,但是我的可放置的div不會......鼠標右側一半屏幕上的可放置元素是突出顯示的元素,這與y軸看起來特別奇怪似乎正常工作。這裏是我試圖做的簡化和匿名小提琴顯示的行爲:Fiddle 我相信它可能與我使

    0熱度

    1回答

    我嘗試拖放一個div(.delivery),這是在另一個div(#newDeliveries)到另一個(#deliveriesByVehicle)。 當我將.delivery放入#deliveriesByVehicle時,交付將自動置於#deliveriesByVehicle的右上角,然後將其移動到合適的位置。 當我垂.delivery(它與「TOUS LES公告」(源)和「Livraison相提

    0熱度

    1回答

    我想繪製圖像到幾個盒子而不是垃圾箱。我試過了,但我很難解決這個問題。有沒有人有想法,如何解決這個問題? 這是我試了一下: 改變HTML: <div> <div id="drop1" class="drop"> <h4 class="ui-widget-header"><span class="ui-icon ui-icon-trash">Trash</span> Box 1</h4> </d

    1熱度

    1回答

    我目前使用codef0rmer/angular-dragdrop插件角js和它有一個「onOver」事件處理程序等中的jQuery UI 目前我有一個可投放元件 <div jqyoui-droppable="{multiple:true, onOver:'highlightRow'}"> 當我拖動一個拖動元素調用沒有問題的功能「highlightRow」,這裏是功能 $scope.highli

    0熱度

    3回答

    我有一個頁面,其中包含可放置元素a1以及可排序的特定元素a2。放入a1的文件被讀取並存入a2的可排序列表中。上傳和排序腳本不包含在我的代碼中,因爲它們與問題無關。 問題是,如果任何文件被丟棄到a1以外的任何位置,瀏覽器將嘗試打開文件以在瀏覽器中顯示。這是圖像文件相當明顯.. 我試圖禁用一切,但a1用下面的代碼,但是這仍然沒有出現已經奏效,我仍然得到不想要重定向... 我GOOGLE了我的屁股在這裏

    0熱度

    2回答

    我正在嘗試這樣做:當您將粉紅色框拖入拖放區域時,粉紅色框變爲藍色。 通過在jquery中添加一個類或css。 目前爲止的代碼。所以,「每個」是粉紅色的,我想一個類添加到這個曾經是已在預覽 $('.page').click(function(){ $(this).draggable({ revert: "invalid", // when not dropped, the

    2熱度

    1回答

    就像我嘗試在我的圖像中解釋的一樣,我希望能夠將項目從「項目列表」拖放到任何可能的拖放區域。 我還需要: - 能夠從一個可能的放置區域拖動項目到另一個。 - 能夠重新排列每個可能放置區域內的物品。 我在這裏發現了一些類似的解決方案,但找不到合適的解決方案。 這是一個接近我需求的代碼。 $(function() { $(".dropTarget").sortable({ reve

    0熱度

    1回答

    我想讓它拖動一個可拖動的對象(a)到一個可拖放的對象(b)上時,會觸發b的拖放事件並將a恢復到原始位置。這可能嗎? b.droppable({ drop:function(event,ui){ ui.draggable.revert <---- REVERT THE DRAGGABLE OBJECT TO ORIGINAL POSITION HERE } });