Uncaught TypeError: $(...).not(...).draggable is not a function
at HTMLDocument. (lightbox.js:45)
at HTMLDocument.dispatch (jquery.js:4665)
at HTMLDocument.elemData.handle (jquery.js:4333)
at Object.trigger (jquery.js:4574)
at HTMLElement. (jquery.js:5284)
at Function.each (jquery.js:384)
at jQuery.fn.init.each (jquery.js:136)
at jQuery.fn.init.trigger (jquery.js:5283)
- Find and debug the event handlers tied to a UI button - If the error or issue is in Touch UI related to a clickable button, then it might help to see all the event handlers tied to that element on the page. In Google Chrome Browser, right-click the button, image, link, etc and select "Inspect". In the bottom-left panel, the HTML element is selected. In the bottom-right panel, select the "Event Listeners" tab to see the event listeners tied to the element. See this article for more details on monitoring event listeners.
Enabling client library debug mode can be useful to search the separate files that comprise the client libraries. Unfortunately, debug mode doesn't work very well with Touch UI in AEM versions older than 6.5. However, it is still useful to see the separate files
In the address bar in the end of the URL, before any URL anchor, add this query string parameter "debugClientLibs=true".
This option causes the client library to load all of its files separately instead of consolidating them.
In Touch UI, enabling debug mode of the client libs can break the page. However, it is stiill a useful feature as it can be used to view which file in the client library contains the particular line of code you are debugging.
Now you should be on the Sources tab on the line where the code failed. Set a breakpoint in the code by right clicking the line number and selecting Add breakpoint. See the Google Chrome documentation for more details on breakpoints.