javascript - Bootstrap 模态和 jQuery 上线(实时)

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 的模态。您按下按钮，就会在模式中打开一个表单，并且该表单有一个选择元素。模式是否会导致 on() 无法正常工作？

Answer 1

你搞错了。要委托(delegate)事件，您必须在父元素上注册它:

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

干杯。