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

Question

嗨我有一个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中的内容正在从我的数据库中提取，而我似乎无法使内容可拖动。

有什么建议吗？

Answer 1

试试Jquery，它易于使用，请点击此处了解更多信息：

http://jqueryui.com/draggable/

像这样：

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

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

Answer 2

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

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

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

如果您不需要可放置功能，只需使用可拖动功能，您就可以将它拖到任何地方。