Question

我有一个脚本，它计算表中的行数，并为输入字段赋值属性。我将draggable插件Sortable添加到表行，然后在文档就绪和更改时运行此脚本的最佳方法。第一部分可以工作，但是当表行改变时我没有收到警报。

这是我修改后的代码：

function countRows(){
    var i = 0;
    $('#offices td input').each(function(){
        $(this).attr("value", ++i);
    });  
}
$(document).ready(countRows);

// Sortable rows
$('.sorted_table').sortable({
  containerSelector: 'table',
  itemPath: '> tbody',
  itemSelector: 'tr',
  placeholder: '<tr class="placeholder"/>'
})

$('.sorted_table').children("tbody").sortable({
    stop: function (event, ui) {
        countRows(); // re-number rows after sorting
    }
});

Answer 1

假设您使用的是jQuery UI Sortable：

$('.sorted_table').children("tbody").sortable({
    stop: function (event, ui) {
        countRows(); // re-number rows after sorting
    }
});

这里的jsFiddle演示：http://jsfiddle.net/7vmf1c4L/

表行上的Jquery Sortable在更改时运行函数

1 个答案: