Javascript e、 preventDefault（）不工作

我有一个表，其中的行是通过元素的单击事件生成的。现在，这很好地工作了，问题在于删除部分。例如，我已经添加了5行，当我单击delete按钮时（delete按钮也是通过jQuery在addRow（）click事件上创建的），通过jQuery函数添加的所有行都将被删除，表单正在提交事件，尽管我有一个名为e.preventDefault（）的方法

JavaScript/jQuery代码：

        var counter = 2;            
        window.addRow = function addRow() {
            var newRow = $('<tr><td><label>'+ counter +'</label></td><td><textarea name="txtActionStep' + counter + '" style="width:300px; height: 50px; word-wrap:break-word;"></textarea></td><td valign="top"><input type="text" name="txtOwner' + counter + '"/></td><td><button class="delete">delete</button></td></tr>');
            counter++;                
            $('table.actionsteps-list').append( newRow );
        }

        $('table.actionsteps-list').on('click', '.delete', function(e){ 
          e.preventDefault(); // stops the page jumping to the top
          $(this).closest('tr').remove();
        });


        function postForm() {
            var form = document.getElementById('actionStepsForm');
            document.getElementById('rowCount').value = counter-1;
            form.submit();
        }

var计数器=2；
window.addRow=函数addRow（）{
var newRow=$（''+计数器+'删除'）；
计数器++；
$（'table.actionsteps list'）.append（newRow）；
}
$（'table.actionsteps list'）。在（'click'，'.delete'，函数（e）{
e、 preventDefault（）；//停止页面跳转到顶部
$（this）.closest（'tr'）.remove（）；
});
函数postForm（）{
var form=document.getElementById（'actionStepsForm'）；
document.getElementById（'rowCount'）。value=counter-1；
表单提交（）；
}

HTML代码（表单本身）：

行动步骤
步骤#操作步骤所有者
1.

信不信由你，我已经被困在这里三天了。我在网上找不到任何修复程序。我不知道怎么了

put

 $('table.actionsteps-list').on('click', '.delete', function(e){ 
      e.preventDefault(); // stops the page jumping to the top
      $(this).closest('tr').remove();
    });

进入

---

似乎可以正常工作：？没有

类型的
没有可防止的默认操作。而且，即使在那时也可能不会--
单击
type=“submit”
将成为
提交
事件。嗨@j08691，是的，我知道它在JSFIDLE中工作得很好。。我对这件事真的很迷茫。DOCTYPE和JQuery会影响这个吗？你能从整体上看一下我的代码吗？我可以通过dropbox将其发送给您：|@JonathanLonowski，我已尝试将
type=“submit”
放入删除按钮，但它显示了相同的结果您是否将代码放在文档中。准备好了吗？JSFIDLE会自动完成这项工作。
 $('table.actionsteps-list').on('click', '.delete', function(e){ 
      e.preventDefault(); // stops the page jumping to the top
      $(this).closest('tr').remove();
    });

$(function(){$('table.actionsteps-list').on('click', '.delete', function(e){ 
      e.preventDefault(); // stops the page jumping to the top
      $(this).closest('tr').remove();
    });
 )};