在droppable div

时间:2016-06-16 09:24:42

标签: jquery jquery-ui jquery-ui-droppable jquery-draggable

我知道有很多问题与此有些相关,但由于我是jQuery html的新手,无法弄清楚如何做到这一点。

我有一个div容器(里面已经有一些元素(div))而我正在其中删除其他div。

我想知道的是丢弃时容器中已经存在的所有div ID。

我要添加的是从一个组到容器的相同类型的项目,现在,如果我要添加相同的项目两次,我需要知道容器中已存在多少相同类型的项目,因此我可以创建它的ID为car1,ca2,car3等。

我知道它有点令人困惑,随意说,如果我能让你理解的话。

感谢。

我知道有很多问题与此有些相关,但由于我是jQuery html的新手,无法弄清楚如何做到这一点。

我有一个div容器(里面已经有一些元素(div))而我正在其中删除其他div。

我想知道的是丢弃时容器中已经存在的所有div ID。

我要添加的是从一个组到容器的相同类型的项目,现在,如果我要添加相同的项目两次,我需要知道容器中已存在多少相同类型的项目,因此我可以创建它的ID为car1,ca2,car3等。

我知道它有点令人困惑,随意说,如果我能让你理解的话。

感谢。

  $( "#c1 .component-group" )
    .droppable({ activeClass: "ui-state-default",
                 hoverClass: "ui-state-hover",
                 accept: ":not(.ui-sortable-helper)",
                 drop: function( event, ui ) {
                     var draggedImage = ui.draggable.find("img").attr("src");
                     var draggableAdded;

                     for (i =0 to elements in c1 )
                     {
                         if(element dragged == element present )
                            get the id 
                            new_id = id + 1
                            make a new div with new_id and append with the container.
                         }

                         $(event.target).append(draggableAdded);
                     }
           });

1 个答案:

答案 0 :(得分:0)

如果我明白你要求的是什么,这应该可以解决问题:

HTML.Raw