jQuery, перетащите n строк таблицы в новую созданную таблицу - PullRequest
Новая
       8

jQuery, перетащите n строк таблицы в новую созданную таблицу

0 голосов
/ 24 февраля 2020

У меня есть две html таблицы, кнопка, которая добавляет новые таблицы, и я хочу перетаскивать строки между таблицами. Может кто-нибудь объяснить, почему удаление строк в новую таблицу не работает? И почему нельзя переместить строки из таблицы 1 в таблицу 2? Спасибо! 

$('.t_sortable').sortable();

$(function() {
  $('#add').bind('click', function() {
    $('body').append('<table class="dragable"><tbody class = "t_sortable"><tr><th>Name</th><th>Age</th><th>Favcolor</th></tr></tbody> </table>');
  });
});
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js"></script>

<table class="dragable">
  <tbody id="0>" class="t_sortable">
    <tr>
      <th>Name</th>
      <th>Age</th>
      <th>Favorite Color</th>
    </tr>
    <tr id="2" class="sortable">
      <td>Jane</td>
      <td>29</td>
      <td>blue</td>
    </tr>
    <tr id="3" class="sortable">
      <td>Kim</td>
      <td>27</td>
      <td>yellow</td>
    </tr>
  </tbody>
</table>
<table class="dragable">
  <tbody id="1>" class="t_sortable">
    <tr>
      <th>Name</th>
      <th>Age</th>
      <th>Favorite Color</th>
    </tr>
    <tr id="1" class="sortable">
      <td>Dorian</td>
      <td>23</td>
      <td>green</td>
    </tr>
    <tr id="4" class="sortable">
      <td>Frank</td>
      <td>31</td>
      <td>red</td>
    </tr>
  </tbody>
</table>
<button id="add">Add Table</button>
...