Javascript preventDefault（）在编辑html后不工作

我有以下HTML：

<div class="artikelen">
 <div>
  <div>
   <img src="http://mijnmanege.nl/img/artikelen/1.png" alt="Article" />
  </div>
  <strong>Article</strong>
  <span>{artikel_groep} (<span data-artikel-groep-id="1">1</span>)</span>
  <img src="/img/v3/main/icons/geld.png" alt="Price" /> 999
  <form method="post">
   <input type="number" value="1" name="aantal" max="99" min="1" required="required" data-artikel-id="1" data-artikel-groep-id="1" />
   <input type="submit" value="Buy" name="submit" />
  </form>
 </div>
</div>

当我按下submit键时，我会收到“We's in”警报，表单将被阻止提交。但是，当我使用$（'.artikelen'）.html（代码…）时；要向artikelen类添加完全相同的html代码（当然没有第一个和最后一个），它仍然会被提交，甚至不会触发错误

控制台不会给出任何错误

提前谢谢

---

抱歉，我的英语不好，我不是本地人。

您正在重新绘制表单，因此事件绑定已消失，您可以使用委托解决此问题：

$(document).ready(function() {
 $(document).on('submit', '.artikelen form', function(e) {
  alert('We are in!');
  e.preventDefault();
 });
});

$(document).ready(function() {
 $(document).on('submit', '.artikelen form', function(e) {
  alert('We are in!');
  e.preventDefault();
 });
});