Jquery拖放阶段

我试图创造一个舞台。 我有5个项目在一个可拖动分区。有克隆将被拖到20个可拖放的区域

我已经创建了20个具有不同ID的div框。指多个可放置区域

问题是，我不知道如何获取项目所在分区的id，以及如何仅在该分区中显示该产品。现在，它在单个第一个分区中显示所有项目

主要问题是，我们如何动态创建多个可拖放区域，并在该特定区域中拖放项目

---

提前感谢

jQuery UI可拖动可拖放事件处理程序

您需要从传递给drop方法的事件参数中获取可拖放的dom对象

$( ".selector" ).droppable({
  drop: function(event, ui) { 
    // $(this) represents the droppable.
    alert($(this).attr("id"));
  }
});

可拖动对象可以通过

ui.draggable

引用。其中大部分内容取自找到的jQueryUI文档

将可拖放添加到动态添加的元素中

如果元素（我们称之为stage targets）被动态添加到“stage”中，那么您可能希望在创建这些元素时对其调用

droppable

方法

function makeStageTargets(i) {
  for(i;i--;true){
    var d = $("div").attr("id","item_"+i); // this will make a div id item_i
    $("stage").append(d);
    d.droppable(
      drop:function(e, ui){
        var param = $(ui.draggable).attr('src');
        $("stage").remove(ui.draggable); // this will remove an item when dropped
        addlist(param);
      });
  }
}
makeStageTargets(60);

---

如果我错过了您问题的要点，请告知。

jQuery UI可拖动可拖放事件处理程序

您需要从传递给drop方法的事件参数中获取可拖放的dom对象

$( ".selector" ).droppable({
  drop: function(event, ui) { 
    // $(this) represents the droppable.
    alert($(this).attr("id"));
  }
});

可拖动对象可以通过

ui.draggable

引用。其中大部分内容取自找到的jQueryUI文档

将可拖放添加到动态添加的元素中

如果元素（我们称之为stage targets）被动态添加到“stage”中，那么您可能希望在创建这些元素时对其调用

droppable

方法

function makeStageTargets(i) {
  for(i;i--;true){
    var d = $("div").attr("id","item_"+i); // this will make a div id item_i
    $("stage").append(d);
    d.droppable(
      drop:function(e, ui){
        var param = $(ui.draggable).attr('src');
        $("stage").remove(ui.draggable); // this will remove an item when dropped
        addlist(param);
      });
  }
}
makeStageTargets(60);

---

如果我错过了你问题的要点，请告诉我。

这是我正在使用的代码

$（“div_项目”）。可拖放({

其中addlist（）是一个获取ajax内容并以类似div的格式显示的函数 $（'div_item'）。追加（msg.txt）

“msg”变量从ajax文件获取项目详细信息

问题在于id div_项。它们超过20个，最多60个。我还想限制每个div中只包含一个drop。

---

非常感谢您的帮助

这是我正在使用的代码

$（“div_项目”）。可拖放({

其中addlist（）是一个获取ajax内容并以类似div的格式显示的函数 $（'div_item'）。追加（msg.txt）

“msg”变量从ajax文件获取项目详细信息

问题在于id div_项。它们超过20个，最多60个。我还想限制每个div中只包含一个drop。

---

非常感谢您的帮助

欢迎来到StackOverflow。您可能希望在问题中加入一些代码，以澄清有关如何实现的任何问题。欢迎来到StackOverflow。您可能希望在问题中加入一些代码，以澄清有关如何实现的任何问题。感谢Gabriel的回答。但问题是s、 美元（“.selector”）中的选择器部分在哪里。我有多个div，超过20个，动态生成，ID为item_1、item_2..等。现在我的项目被删除，我将如何动态更改它。再次感谢您的帮助。我认为我们的方向是正确的，但总共有5个项目，它们可以被删除多次，这意味着该项目的克隆将被放置在那里，还有一件事是限制用户在可放置区域中放置单个项目。非常感谢Gabriel。我想了很多天，现在通过您的帮助我得到了一些线索。感谢Gabriel的回复。但问题是，$（“.selector”）中的选择器部分在哪里。我有多个div，超过20个，动态生成，ID为item_1、item_2..等。现在我的项目被删除，我将如何动态更改它。再次感谢您的帮助。我认为我们的方向是正确的，但总共有5个项目，它们可以被删除多次，这意味着该项目的克隆将被放置在那里，还有一件事是限制用户在可放置区域中放置单个项目。非常感谢Gabriel。我几天来一直在想，现在在您的帮助下我得到了一些线索。通常的想法是用新的相关信息编辑一个问题。答案应该保留在回答帖子中。我已经更新了我的答案回答我认为你的问题是什么。尽管为了清楚起见，你的问题是：如何动态地向页面添加元素？如何使该元素可拖放？如何使拖放到该元素上的项目只可拖放一次？我已尝试在回答中解决这些问题。通常的想法是用新的相关信息编辑一个问题。答案应保留在回答帖子中。我有upd我的回答回答了我认为你的问题是什么。但为了清楚起见，你的问题是：如何动态地向页面添加元素？如何使该元素可拖放？如何使拖放到该元素上的项目只可拖放一次？我已尝试在我的回答中解决这些问题。