更改事件未从响应页面上的外部脚本触发

Question

I have loaded my script as an external script in a 3rd party site that is on react.

  $(function () {
    $('#shopify-section-product .selector-wrapper').change(function(e) {
       console.log('change!!!');
    });
  });

The above change is not firing, I had put a debugger but nothing working out. Strange thing though, if I put the change code in the console, it logging correctly.

Is it something blocked by reactjs onChange? Any help would be appreciated.

Answer 1

Try with this code

$(function () {
    $(document).on('change', '#shopify-section-product .selector-wrapper', function(e) {
       console.log('change!!!');
    });
});