Author Topic: JQuery error with e.addEventListener  (Read 1902 times)

JoeTexan1962

  • Pro Deluxe
  • Newbie
  • *
  • Posts: 4
    • View Profile
JQuery error with e.addEventListener
« on: February 20, 2021, 06:50:50 am »
I copied the inline editing demo javascript code almost verbatim and I have it populating with data from my REST API.  However, the console shows e.addEventListener is not a function when the rows are populated and I believe this is while adding the event listener to the Edit / Delete buttons.  The Edit / Delete buttons don't work when pressed.

jquery-3.5.1.min.js:2 jQuery.Deferred exception: e.addEventListener is not a function TypeError: e.addEventListener is not a function
    at $.<computed>.<computed>.setup (https://localhost:44331/Scripts/jquery-3.5.1.min.js:2:72446)
    at Object.add (https://localhost:44331/Scripts/jquery-3.5.1.min.js:2:41504)
    at $.<computed>.<computed>.<anonymous> (https://localhost:44331/Scripts/jquery-3.5.1.min.js:2:40138)
    at Function.each (https://localhost:44331/Scripts/jquery-3.5.1.min.js:2:2976)
    at S.fn.init.each (https://localhost:44331/Scripts/jquery-3.5.1.min.js:2:1454)
    at ke (https://localhost:44331/Scripts/jquery-3.5.1.min.js:2:40114)
    at S.fn.init.on (https://localhost:44331/Scripts/jquery-3.5.1.min.js:2:46741)
    at String.<anonymous> (https://localhost:44331/Scripts/jquery-ui-1.12.1.custom/jquery-ui.js:622:13)
    at Function.each (https://localhost:44331/Scripts/jquery-3.5.1.min.js:2:3026)
    at $.<computed>.<computed>._on (https://localhost:44331/Scripts/jquery-ui-1.12.1.custom/jquery-ui.js:594:5) undefined

Uncaught TypeError: e.addEventListener is not a function
    at $.<computed>.<computed>.setup (jquery-3.5.1.min.js:2)
    at Object.add (jquery-3.5.1.min.js:2)
    at $.<computed>.<computed>.<anonymous> (jquery-3.5.1.min.js:2)
    at Function.each (jquery-3.5.1.min.js:2)
    at S.fn.init.each (jquery-3.5.1.min.js:2)
    at ke (jquery-3.5.1.min.js:2)
    at S.fn.init.on (jquery-3.5.1.min.js:2)
    at String.<anonymous> (jquery-ui.js:622)
    at Function.each (jquery-3.5.1.min.js:2)
    at $.<computed>.<computed>._on (jquery-ui.js:594)

paramvir

  • Administrator
  • Hero Member
  • *****
  • Posts: 6310
    • View Profile
Re: JQuery error with e.addEventListener
« Reply #1 on: February 21, 2021, 01:19:42 pm »
There is no such issue with inline editing w.r.t jQuery 3.5.1  https://jsfiddle.net/x6d04k8y/

Please share a jsfiddle if still sharing issues.

JoeTexan1962

  • Pro Deluxe
  • Newbie
  • *
  • Posts: 4
    • View Profile
Re: JQuery error with e.addEventListener
« Reply #2 on: February 23, 2021, 07:19:14 pm »
JSFiddle: https://jsfiddle.net/JoeTexan1962/4eLto68c/11/

I'm sure there's something simple I'm doing wrong, but I can't put my finger on it.

paramvir

  • Administrator
  • Hero Member
  • *****
  • Posts: 6310
    • View Profile
Re: JQuery error with e.addEventListener
« Reply #3 on: February 24, 2021, 02:28:19 pm »
you are facing issues because your source code seems to be taken from the demos of free version https://paramquery.com/demos

Source code for free version examples is not fully compatible with Pro version.

Please follow the examples of Pro version here: https://paramquery.com/pro/demos
« Last Edit: February 24, 2021, 03:03:55 pm by paramvir »

JoeTexan1962

  • Pro Deluxe
  • Newbie
  • *
  • Posts: 4
    • View Profile
Re: JQuery error with e.addEventListener
« Reply #4 on: February 24, 2021, 10:05:40 pm »
Thank you. I didn't notice that I was looking at the demo for the free version. That fixed the problem.