動態產生的網頁內容，使用jquery on方法失敗的原因與解決辦法 (錯誤訊息 $(...).on is not a function)

作者: Fred F.M. Wang (FW知識瑣記) 日期:2018/11/29


jquery動態產生的內容, 例如判斷動態產生的select DOM物件選項是否變更過，不能使用 $("#<動態產生的select element ID>").change(function() { ...

多數網文會告訴你要改用 $("#<上層靜態element的ID>").on("change","#<動態產生的select element ID>",function() { ...


但是，今天試了很久，一直無法產生正確的結果 ，後來打開瀏覽器的javascript console看到原來有錯誤訊息 $(...).on  is not a function , 為麼呢?

爬了許多網文才找到，原來“on”在jQuery 1.7版及以上版本，才可以使用，若是較低的版本必須改用bind方法

最後改為下面這樣，就成功了。

$("#<上層靜態element的ID>").bind("change","#<動態產生的select element ID>",function() { ...

分享這個經驗給需要的網友。