Bootstrap模态和jQuery on（live）

Question

我在事件上使用jQuery是这样的：

$('#select_search').on('change', '#parent_row', function(){
  alert("Select a county first");
});

它没有回调，但当我删除第二个参数'#parent_row'时，它可以正常工作。

HTML看起来像这样：

<div class="row" id="parent_row">
  <div class="col-md-6">   
    <div class="modal-dialog" style="width: 750px;">
      ...
         <select name="select_search" id="select_search" class="form-control">
            ...

重要的是它正在使用bootstrap的模态。按下按钮，表单以模态打开，表单中有一个select元素。模态是否会导致on（）无法正常工作？

Answer 1

你有错误的方法。要委派事件，您必须在父元素上注册它：

$('#parent_row').on('change', '#select_search', function () {
     console.log('Select a county first');
});

干杯。