drop和drag容器Js或Jquery时如何替换

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了drop和drag容器Js或Jquery时如何替换相关的知识,希望对你有一定的参考价值。

我有10个容器。例如 ;当我拖动第一个容器并放到八个容器上,取而代之的是八个容器

1.container - > drag drop - > 8.container然后自动调用函数8.container - > drag drop - > 1.container。 '更换容器的内容

答案
<div class="container" style="margin-top: 50px;">
<div class="row cube">
    <div class="col-md-3 col-lg-2 kup">
        <div class="icerik">
             1
        </div>
    </div>
    <div class="col-md-3 col-lg-2 kup">
        <div class="icerik">
             2
        </div>
    </div>
    <div class="col-md-3 col-lg-2 kup">
        <div class="icerik">
             3
        </div>
    </div>
    <div class="col-md-3 col-lg-2 kup">
        <div class="icerik">
             4
        </div>
    </div>
    <div class="col-md-3 col-lg-2 kup">
        <div class="icerik">
            5
        </div>
    </div>
        <div class="col-md-3 col-lg-2 kup">
        <div class="icerik">
        6
        </div>
    </div>
        <div class="col-md-3 col-lg-2 kup">
        <div class="icerik">
            7
        </div>
    </div>
        <div class="col-md-3 col-lg-2 kup">
        <div class="icerik">
            8
        </div>
    </div> 
        <div class="col-md-3 col-lg-2 kup">
        <div class="icerik">
            9
        </div>
    </div>
        <div class="col-md-3 col-lg-2 kup">
        <div class="icerik">
            10
        </div>
    </div>
</div>

以上是关于drop和drag容器Js或Jquery时如何替换的主要内容,如果未能解决你的问题,请参考以下文章

如何使用HTML5+CSS3+jquery 实现用户拖拽自定义界面

鼠标Drag/Drop事件-可视化设计器开放平台系列

jQuery UI Drag and Drop/Sortable Drop on empty,在 Chrome

jQuery Drag&Drop:拖动一个封闭元素

Asp.Net Mvc jQuery Datatable Row reOrder Drag Drop和Id问题

js/jQuery 拖放,重新计算放置目标