我想創建一個div，可以在父div中拖動並丟棄？

-4

在div內下探後dragable對象顯示，出現在模式或在說DIV低於P A文本消息「對象放置」我想創建一個div，可以在父div中拖動並丟棄？

2017-08-25 Mustafa

請在您的問題中包含您的代碼嘗試。我們不是一個編碼服務。 –

[請訪問這裏以獲得更多關於如何提問的問題]（https://stackoverflow.com/help/how-to-ask） –

示例代碼：

<div id="draggable" class="ui-widget-content"> 
    <p>Drag me to my target</p> 
</div> 

<div id="droppable" class="ui-widget-header"> 
    <p>Drop here</p> 
</div>

和：

$("#droppable").droppable({ 
    drop: function(event, ui) { 
    $(this) 
     .addClass("ui-state-highlight") 
     .find("p") 
     .html("Dropped!"); 
    } 
});

編輯：您需要添加jQuery和jQuery的UI庫：

<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

請注意，這個例子來自jQuery UI網站。

編輯：見this fiddle example.

基本上你需要添加你的邏輯在下拉事件。這只是一個簡單的例子，只是改變拖放區域的背景顏色。

來源

2017-08-25 18:42:37 Lamar

感謝您的回覆，但請您提一個小提琴或給我任何演示這是因爲我無法在我的頁面上使用此代碼:( – Mustafa

）您必須包含jquery和jquery-ui庫，請參閱示例中的編輯，如果對您有幫助，請標記爲解決方案:) – Lamar

對不起但它仍然無法工作，你可以請一個片段，jsfiddle或codepen我的意思是一個工作的例子將是一個很大的幫助謝謝。 – Mustafa

我想創建一個div，可以在父div中拖動並丟棄？

回答

相關問題