Question

我有几个div有一些数据：

<div id="div_1">data1</div>
<div id="div_2">data2</div>
<div id="div_3">data3</div>

我想让用户以他喜欢的方式订购。这样做的最佳解决方案是什么？我正在考虑为每个div添加两个箭头按钮，可以向上或向下移动它们。

Answer 1

JQuery UI有一个可以满足您需求的可排序组件：http://jqueryui.com/sortable/

Answer 2

尝试

＆＃13;

$("i").each(function(i, el) {
   el.title = "click";
   var div = $("div");
   $(el).on("click", function(e) {
     var elem = $(this).parent();
     if ($(this).index() === 0) {
       elem.next().is(div)
       ? elem.insertAfter(elem.next())
       : elem.insertBefore("div:first")
     } else {
       elem.prev().is(div)
       ? elem.insertBefore(elem.prev())
       : elem.insertAfter("div:last")
     }
   })
});

＆＃13;

div {
  font-size:32px;
}
i {
  display:inline-block;
  font-style:normal;
  opacity:0.25;
  font
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>
<div id="div_1"><i>⬇</i>data1<i>⬆</i></div>
<div id="div_2"><i>⬇</i>data2<i>⬆</i></div>
<div id="div_3"><i>⬇</i>data3<i>⬆</i></div>

＆＃13;

用jQuery命令div

2 个答案: