当附加div html时，jQuery .on（'change'）不会触发

Question

我希望标题能够为问题提供足够的描述 - 这里有一些代码和一个plnk;

$(document).ready(function() {
  $(document).on("change", '#selectCountry', function() {
    alert("changed");
  })
});

$("ul#countries li a").click(function() {
  $("#selectCountry").html("")
  $("#selectCountry").append($(this).html())

});

http://plnkr.co/edit/1MxnJmL3RlBeZy3pvPhH?p=preview

我试图在此处阅读有关类似问题的先前问题，但所发布的解决方案似乎都不适用于我。我希望这只是我遗失的一件小事？

由于

Answer 1

  

删除此

$(document).ready(function() {
  $(document).on("change", '#selectCountry', function() {
    alert("changed");
  })
});

  

更改您的点击功能

$("ul#countries li a").click(function() {
  $("#selectCountry").html($(this).text())
});