為什么新的jQuery on（'change'）不會觸發iOS，而它可以在Android上運行？

Question

我正在嘗試將一段代碼更新為新的jQuery on()方法。 我有一張桌子和一個選擇框。 我想為每個表頭單元格填充一個選項的選擇框，這可以正常工作。

然后我想根據選擇的選項切換標題單元格。 這適用於桌面和Android，但不適用於iPad。

這就是我正在做的事情：

$('table th').each(function(i) {

  // add option to select box for each table column
  var toggle = $('<option value="'+id+'">'+th.text()+'</option>');
  $('select#toggle').append(toggle); }      

  // set up options
  $('select#toggle').one("updateCheck", function(){     
     console.log("th-setup");       
     // if condition, then select, otherwise don't select
     }).trigger("updateCheck");

  });


  // listen for select changes
  $('select#toggle').on('change', function() {  
     console.log("change detected");
     })

HTML

<select id="toggle"></select>

<table class="sample">
  <thead>
    <tr>
     <th>one</th>
     <th>two</th>
     <th>three</th>
     <th>four</th>
   </tr>
  </thead>
</table>    

我首先嘗試將以下代碼綁定到文檔，如下所示：

 $(document).on('change',$('select#toggle'), function(...)

但這只是在頁面顯示之前崩潰我的iPad。

有人可以告訴我，如果我做錯了什么，為什么選擇一個選項不會觸發iPad上的更改事件而不是在Android和桌面上觸發一個？

Answer 1

它應該是：

$('body').on('change', '#toggle', function() { ... });

第一個參數是事件名稱列表。 第二個是選擇器字符串（不是jQuery對象）。 第三個是處理函數。

沒有必要使用節點類型限定選擇器中的標識符引用。