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">
            ...

重要的是它正在使用引導程序的模態。 按下按鈕，表單將以模式形式打開，並且表單具有選擇元素。 模態會導致on（）無法正常工作嗎？

Answer 1

您有錯誤的解決方法。 要委派事件，您必須在父元素上注冊它：

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

干杯。