问用interact.JS拖动
EN

Stack Overflow用户

提问于 2016-02-14 22:32:15

回答 1查看 1.3K关注 0票数 1

如何使用Interact.JS在两个引导列之间拖动对象？见http://codepen.io/drumiriades/pen/dGrygg。

 <body>
    <div class="container">
        <div class="row">
            <div class="col-md-4">      
                <div class="boardLeft">
                    <p>Left</p>
                    <div class="draggable">
                    <p id="drag-1"> dragg me</p>
                        </div>
                </div>
            </div>
            <div class="col-md-8">
                <div class="boardRight">
                    <p>Right</p>
                </div>
            </div>
        </div><!--/ row-->
    </div> <!--/ container-->
</body>

我有一个具有ID=drag-1的对象，它可以在左列(Class= boardLeft)上拖动，但我不能将它拖到右列(Class= boardRight)。如何将它拖到正确的列上？

javascript

interact.js

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-02-14 22:44:31

如果要在正确的容器顶部看到z-index对象，则.draggable对象的.draggable必须为1或更高。

此外，您的restrict选项被设置为仅将.draggable组件限制为其父容器。删除此选项使您可以将其拖到正确的容器中。

除了这几点之外，您还在引用您的JavaScript中不存在的元素(#grid-snap、.dropzone和#yes-drop)。

我已经用存在的元素更新了CodePen，现在它显示项目被放到正确的容器中.但它改变了内容。不确定这是否是您想要的，但这正是您的JavaScript所做的。

http://codepen.io/anon/pen/yewLdb

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/35398812

复制

相似问题

问用interact.JS拖动
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用interact.JS拖动EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用interact.JS拖动
EN