Question

我必须为所选元素实现可排序功能。整个场景如下： -

$("#sortable").sortable({
  revert: true,
  stop: function(event, ui) {
    if (!ui.item.data('tag') && !ui.item.data('handle')) {
      ui.item.data('tag', true);
      //ui.item.fadeTo(400, 0.1);
    }
  }
});
$('.ImageDiv').live('click', function(eve) {
  if (eve.ctrlKey || eve.metaKey) {
    $(this).toggleClass('selectedDiv');
  }
});

.ImageDiv {
  background-color: #FFFFFF;
  border: 1px solid #C1C1C1;
  border-radius: 4px 4px 4px 4px;
  box-shadow: 2px 2px 2px #CCCCCC;
  display: block;
  float: left;
  min-height: 40px;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 7px;
  min-width: 40px;
}
.selectedDiv {
  border: 1px solid #3399FF;
}


<table>
  <tr>
    <td id="sortable">
      <div class="ImageDiv">1</div>
      <div class="ImageDiv">2</div>
      <div class="ImageDiv">3</div>
      <div class="ImageDiv">4</div>
      <div class="ImageDiv">5</div>
      <div class="ImageDiv">6</div>
      <div class="ImageDiv">7</div>
      <div class="ImageDiv">8</div>
      <div class="ImageDiv">9</div>
      <div class="ImageDiv">10</div>
      <div class="ImageDiv">11</div>
      <div class="ImageDiv">12</div>
      <div class="ImageDiv">13</div>
    </td>
  </tr>
</table>

单个div sortable工作正常，这里我的任务是一次排序（拖动）所选Div（多个）（一次拖动）.DIV标签的选择可以通过CTRL + CLICK

我曾搜索过该解决方案，但我无法找到此任务的确切解决方案。我在Jsfiddle上完成了代码，jsfiddle链接： - 。

Jsfiddle

对于快速回复会非常感激。提前致谢

Jquery可以使用一个和多个元素进行排序

0 个答案: