使整个div可以排序

时间:2016-09-19 07:39:19

标签: javascript jquery html css

我遇到了问题,我无法找到答案。

我有一个div,数据来自数据库。 (循环)

我尝试使div可以排序。(整个div(不是它的一部分)

(我可以把整个div移到另一行)

我搜索了答案并尝试了:

https://jqueryui.com/sortable/

jquery .sortable() on <div>(我认为这是答案,但无法修复)

jQuery UI sortable divs across multiple containers or parents

甚至是jquery ui的拖放

https://api.jqueryui.com/draggable/#option-helper

&#13;
&#13;
    $(".Regel").sortable({
    });
 
&#13;
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
   <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">

<div class="Regel">
		<span class="ui-icon ui-icon-closethick" ></span>
			<div><input size="23" maxlength="250"></div>
			<div><input size="23" maxlength="50" ></div>
			<div><input name="Links_Omschrijving" size="23" maxlength="100"></div>

			<div>
				<select>
					<option value="VerkoopAankoop">Something</option>
					<option>Onething</option>
					<option >AnotherThing</option>
				</select>
			</div>
	</div> 
  
  <br><br>
  
  <div class="Regel">
		<span class="ui-icon ui-icon-closethick" ></span>
&#13;
&#13;
&#13;

http://jsfiddle.net/wPtjM/4/尝试但失败了

https://api.jqueryui.com/sortable/

https://jsfiddle.net/ramnathv/1064q7jm/

并尝试了更多。

我改变了我的div来创建一个jsfiddle并且创建了两个相同的div

我在我的代码中使用sortable(我认为这是错误的方法,但我能找到的一切)

1 个答案:

答案 0 :(得分:1)

只需使用父div可以对整个div进行排序。

&#13;
&#13;
MultiTableBulkIdStrategy
&#13;
$(".Regel").parent().sortable({});
  //OR  $("#container").sortable({});
&#13;
&#13;
&#13;