Jquery ui jqueryui可排序+;引导变量高度Divs排序问题
需要您的帮助来解决有关UI可通过引导进行排序的问题,我可以在引导中实现此可排序功能,但仍然存在一个我自己无法解决的问题。我的小提琴链接:Jquery ui jqueryui可排序+;引导变量高度Divs排序问题,jquery-ui,jquery-ui-sortable,jquery-draggable,Jquery Ui,Jquery Ui Sortable,Jquery Draggable,需要您的帮助来解决有关UI可通过引导进行排序的问题,我可以在引导中实现此可排序功能,但仍然存在一个我自己无法解决的问题。我的小提琴链接:http://jsfiddle.net/wrtfp513/ 问题:这里(检查我的小提琴)我分为三个部分(.part1,.part2,.part3)我可以在这三个部分中的任何地方对我的“测试”内容进行排序,但当我将所有“测试”内容排序为“part1”时,出现了一个问题“无法分别排序为.part2和.part3” 我的代码: <div class="conta
http://jsfiddle.net/wrtfp513/
问题:这里(检查我的小提琴)我分为三个部分(.part1,.part2,.part3)我可以在这三个部分中的任何地方对我的“测试”内容进行排序,但当我将所有“测试”内容排序为“part1”时,出现了一个问题“无法分别排序为.part2和.part3”
我的代码:
<div class="container">
<div id="drag_holder" class="row">
<div class="col-lg-2 col-md-3 col-sm-4 col-xs-4 part1">
<div class="col-lg-12 drag_content">
<div class="panel panel-default">
<div class="panel-heading">Test 1</div>
<div class="panel-body">Lorem Ipsum is simply dummy text of the printing and typesetting indu Ipsum.</div>
</div>
</div>
<div class="col-lg-12 drag_content">
<div class="panel panel-default">
<div class="panel-heading">Test 2</div>
<div class="panel-body">Contfghfghent</div>
</div>
</div>
<div class="col-lg-12 drag_content">
<div class="panel panel-default">
<div class="panel-heading">Test 3</div>
<div class="panel-body">Lorem Ipsum is simply dummy text of the printing and typesetting industry </div>
</div>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-4 col-xs-4 part2">
<div class="col-lg-12 drag_content">
<div class="panel panel-default">
<div class="panel-heading">Test 4</div>
<div class="panel-body">Content</div>
</div>
</div>
<div class="col-lg-12 drag_content">
<div class="panel panel-default">
<div class="panel-heading">Test 5</div>
<div class="panel-body">Lorem Ipsum is simply dummy text of the printing and typesetting industry. </div>
</div>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-4 col-xs-4 part3">
<div class="col-lg-12 drag_content">
<div class="panel panel-default">
<div class="panel-heading">Test 6</div>
<div class="panel-body">Content</div>
</div>
</div>
<div class="col-lg-12 drag_content">
<div class="panel panel-default">
<div class="panel-heading">Test 7</div>
<div class="panel-body">Lorem Ipsum is simply dummy text of the printing and typesetting industry. 1500s, when an unknown printer took a galley of type t </div>
</div>
</div>
</div>
</div>
</div>
提前感谢各位。现在您正在使用Jquery UI进行拖放(可排序)。我理解你的问题。这可能是您指出的jQueryUI中的一个问题。因此,您可以使用dragula.js来实现拖放功能,而不是使用jqueryui。它有一个了不起的功能,同时放置目标元素及其阴影 请点击此处:
$(function () {
var demos =$("#drag_holder");
demos.sortable({
items: ".drag_content",
placeholder: "panel"
});
});