附加div html時，jQuery .on（'change'）將不會觸發

Question

我希望標題能為問題提供足夠的描述-這是一些代碼和代碼；

$(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())
});