试图从从数据库中提取的信息中获取可拖动的 div答案

【问题标题】：Trying to get a div draggable from information pulled from database试图从从数据库中提取的信息中获取可拖动的 div
【发布时间】：2014-02-27 15:44:03
【问题描述】：

您好，我有一个div，其样式如下：

#lists li {
    width: 580px;
    background: #FFD586;
    margin-bottom: 5px;
    padding: 10px;
    list-style: none;
    line-height: normal;
    text-align: left;
    margin-left: 40px;
    font-size: x-large;
    overflow: scroll;
}

我想让div 可拖动，但是div 中的内容正在从我的数据库中提取，我似乎无法让内容可拖动。

有什么建议吗？

【问题讨论】：

您来自数据库的内容不应引起蚂蚁问题。只要它在可拖动的div 中，它就可以工作。如果你想让 div 可拖动，请考虑使用 jQueryUI 可拖动。
那么究竟是什么错误/问题？你在使用 jQuery Ui Draggable 吗？您是否正在尝试自己编写插件？ ...？

标签： javascript jquery html css draggable

【解决方案1】：

给该列表元素类名或使用 id 并使其可拖动，这里是 jquery 代码：

$( ".draggableclass").draggable(); //$( "#yourid").draggable();

$( ".droppableclass" ).droppable({ //same here
    accept:".draggableclass",
    drop: function( event, ui ) { //function that will activate after dropping
}
});

如果你不需要droppable功能，只要使用draggable，你就可以将它拖到任何地方。

【讨论】：

【解决方案2】：

试试 Jquery，它很容易使用，在这里查看更多：

http://jqueryui.com/draggable/

像这样：

$(document).ready(function() {
    $('#lists').draggable();
});

或在此处查看实际操作：http://jsfiddle.net/9axcg/

【讨论】：

不值得回答...本来可以发表评论的。