Question

我创建了一个表，希望它可以拖放排序。我能够成功地移动行。但是，当我放下一个项目时，我希望它（现在）显示警告。

我的Jquery看起来像这样：

$('#debt_list').sortable({
    containerSelector: 'table',
    itemPath: '> tbody',
    itemSelector: 'tr',
    placeholder: '<tr class="placeholder"/>'

});

$("#debt_list").droppable({
    drop: function () {

        alert('dropped');
    }
});

不幸的是，我无法获得警报。控制台中没有错误。只是，当我移动一排时，甚至没有火，然后放在我的桌子上。

我怎样才能触发drop事件（我将进行ajax调用，但是现在，警报很好。也许我不能使用表，需要使用无序列表？希望不是

该表定义为：

<table class="table table-striped table-hover table-responsive datatable" id="debt_list">
  <thead>
    <tr>
      <th>Debt Name</th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    @foreach (var m in Model.Debts.OrderBy(x => x.Description))
    {
      <tr class="index">
        <td>
          @m.Description - (@m.OpeningBalance.ToString("C2"))
        </td>
        <td class="text-right index">
          <i class="fa fa-bars" aria-hidden="true"></i>
        </td>
      </tr>
    }
  </tbody>
</table>

Jquery Sortable drop事件

0 个答案: