jQuery - 动态添加内容 - 无线电变更功能

Question

我正在使用Ajax加载包含不同设置的弹出窗口，包括一个按钮（“click”事件）和一些单选按钮（“change”事件）。

虽然“点击”事件正常，但（使用以下功能）

$("#my_popup").on("click", '.my_button', function() {  
   "use strict";
   // do some things
});

......“改变”事件没有。请参阅以下相应的功能：

$('#my_popup').on('change', 'input[name=input_name]:radio', function(){
  "use strict";

  if(condition) {
    // do some other things

  } else {
    // do some other things
  }

});

任何想法如何使这项工作？根据动态事件绑定规则in this thread，我认为它应该正常工作......

HTML：

<div id="my_popup">    
  <input id="radio_1" type="radio" name="input_name">
  <input id="radio_2" type="radio" name="input_name">

  <!-- [...] -->
</div>

提前致谢。