拖放 continer Js 或 Jquery 时如何替换

Posted

技术标签:

【中文标题】拖放 continer Js 或 Jquery 时如何替换【英文标题】:how to replace when drop and drag continer Js or Jquery 【发布时间】:2018-08-14 00:45:03 【问题描述】:

我有 10 个容器。例如 ; 当我将第一个容器拖放到八个容器上时,该容器将替换为八对一

1.container -> 拖放 -> 8.container 然后调用函数自动 8.container -> 拖放 -> 1.container 。 ' 容器的替换内容

【问题讨论】:

你写过代码吗? 是的,我有。采取 它在哪里?,编辑问题 请看评论 你已经在答案部分添加了你的html代码,你需要将它添加到问题部分 【参考方案1】:
<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>

【讨论】:

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

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

带有 React.js 错误的 jQuery UI 可排序

Jquery Droppable 不适用于文件上传拖放,抛出错误:预期的 DOM 元素或视图

如何使用 jQuery 进行拖放以在两个或多个 div 之间移动数据,然后触发对 db 的更新?

jquery html在拖放时复制

使用 jQuery UI 拖放:更改拖放的元素