jQuery UI's未激发可排序更新事件
jQuery UI's Sortable update event not firing
我正在使用jQuery UI的Sortable,我想在更新时调用一个函数。这是我现在正在尝试的代码。
$(".sortable").sortable({
handle: '.handle'
, start: function (event, ui) {
console.log('started sorting ' + $(event.srcElement).index());
prev_sortable_index = $(event.srcElement).index();
$('.sortable li:not(.ui-state-highlight)').each(function () {
prev_list_elements.push($(this));
new_sort_order.push($(this).index());
});
console.log(new_sort_order);
}
, update: function (event, ui) {
alert("testing");
}
});
排序后,我没有收到警报消息。如果我将"更新"移到"开始"之上,我会得到相同的结果。我已尝试将警报添加到启动事件、停止事件和更新事件中。我没有收到任何错误或警告,只是更新事件似乎没有启动。我还确保我没有任何preventDefault或stopPropagation干扰我的目标元素。
编辑:添加HTML
<ul class="sortable no-margin no-padding" style="list-style:none;">
<li class="item green-row"><span class="handle"><img src="~/Images/handle.png" style="width:14px; margin-top:2px;" /></span>
<table style="width:97%;">
<tr style="background:none;">
<td style="width:130px;">Plan Check Fee</td>
<td style="width:120px;">Plan Check</td>
<td style="width:80px;">-</td>
<td style="width:103px;">$1200.00</td>
<td style="width:113px;">-</td>
<td style="width:92px;">$100.00</td>
<td style="width:100px;">$1100.00</td>
<td style="width:88px;">$1100.00</td>
</tr>
</table>
</li>
<li class="item green-row"><span class="handle"><img src="~/Images/handle.png" style="width:14px; margin-top:2px;" /></span>
<table style="width:97%;">
<tr style="background:none;">
<td style="width:130px;">Plan Check Fee</td>
<td style="width:120px;">Plan Check</td>
<td style="width:80px;">-</td>
<td style="width:103px;">$1200.00</td>
<td style="width:113px;">-</td>
<td style="width:92px;">$100.00</td>
<td style="width:100px;">$1100.00</td>
<td style="width:88px;">$1100.00</td>
</tr>
</table>
</li>
</ul>
我终于解决了我的问题,结果发现这是JavaScript引用中的冲突。我以前使用过jquery.sortal.js,然后又重新使用jQueryUI排序的排序功能,但未能删除对jquery.sportal.js.
相关文章:
- 如何在动态表更新后刷新整个表排序缓存
- 可拖动和可排序项目编号在更改时更新
- 更新标签数组时如何对其进行排序
- 更新“项目”选项以进行排序
- 使用一次更新对有序列表中的元素重新排序
- MongoDB使用排序和切片更新嵌套数组,不会对代码进行排序
- jQuery - 排序后更新可排序列表
- React Native ListView 不会在排序或检索新数据后更新
- 从服务器更新的 meteor 集合,不会在客户端上被动排序
- D3 - 为什么此排序函数不更新其选择中的所有元素
- 使用 AJAX 回调更新挖空可观察数组会生成随机排序的结果
- knockoutjs ObservableArrays 和排序函数:UI 未更新
- 如何在主干中对列表进行排序时更新模型的顺序属性
- jQuery UI's未激发可排序更新事件
- 使用Redis更新排序集
- 根据数字排序顺序更新自动重新排列HTML列表
- 在backbone.js中,如何使用新的模型数据更新视图,同时在没有完整渲染的情况下保持排序顺序
- 如何区分在同一列表中拖动和从一个列表移动到连接列表时的可排序更新事件
- jQuery可排序更新的数据没有被序列化
- 表排序器不能正确排序更新的行