save change triggered error

[hyh888]

when I pressed the "save change" button in pqGrid of my own page, there are errors in Chrome console. I don't know how to fix it.  The error info in console are as follow:
tooltip.js:756 Uncaught TypeError: No method named "open"
    at HTMLDivElement.<anonymous> (tooltip.js:756)
    at Function.each (jquery.min.js:2)
    at w.fn.init.each (jquery.min.js:2)
    at w.fn.init.t._jQueryInterface [as tooltip] (tooltip.js:740)
    at e.cValid.onScrollCell (pqgrid.min.js:9)
    at t.<computed>.<computed>.<anonymous> (pqgrid.min.js:9)
    at pqgrid.min.js:10
    at pq.cRenderBody.scrollXY (pqgrid.min.js:20)
    at pq.cRenderBody.scrollCell (pqgrid.min.js:20)
    at t.<computed>.<computed>.a.scrollCell (pqgrid.min.js:10)
(anonymous) @ tooltip.js:756
each @ jquery.min.js:2
each @ jquery.min.js:2
t._jQueryInterface @ tooltip.js:740
onScrollCell @ pqgrid.min.js:9
(anonymous) @ pqgrid.min.js:9
(anonymous) @ pqgrid.min.js:10
scrollXY @ pqgrid.min.js:20
scrollCell @ pqgrid.min.js:20
a.scrollCell @ pqgrid.min.js:10
isValidCell @ pqgrid.min.js:9
isValid @ pqgrid.min.js:9
isValid @ pqgrid.min.js:9
a.isValid @ pqgrid.min.js:10
a.isValidChange @ pqgrid.min.js:10
saveChanges @ normalEditable2:295
(anonymous) @ pqgrid.min.js:13
dispatch @ jquery.min.js:2
y.handle @ jquery.min.js:2

[paramvir]

Which version of jQuery & jQueryUI you have been using?

[hyh888]

jQuery v3.3.1
 <link href="assets/plugins/paramquery811/jquery-ui-1.12.1/jquery-ui.min.css" rel="stylesheet" />
<script src="assets/plugins/paramquery811/jquery-ui-1.12.1/jquery-ui.min.js"></script>

[paramvir]

Have you been using bootstrap, seems like a conflict between jQueryUI and bootstrap tooltip.

Please follow this:

https://paramquery.com/pro/tutorial#topic-bootstrap

[hyh888]

Thank you very much, it works.

[hyh888]

A new trouble come, afterI added the js patch, when other web page(without pgGrid) which use tooltips.js could not work.

jquery.min.js:2 Uncaught Error: no such method 'dispose' for tooltip widget instance
    at Function.error (jquery.min.js:2)
    at HTMLAnchorElement.<anonymous> (jquery-ui.min.js:6)
    at Function.each (jquery.min.js:2)
    at w.fn.init.each (jquery.min.js:2)
    at w.fn.init.t.fn.<computed> [as tooltip] (jquery-ui.min.js:6)
    at disposeTooltip (jbolt-admin.min.js?v=20211008101928009:2)
    at Object.openBy (jbolt-admin.min.js?v=20211008101928009:34)
    at HTMLAnchorElement.<anonymous> (jbolt-admin.min.js?v=20211008101928009:34)
    at HTMLBodyElement.dispatch (jquery.min.js:2)
    at HTMLBodyElement.y.handle (jquery.min.js:2)

[paramvir]

Either that js patch should not be added to the pages which use bootstrap tooltips

or

tooltip should be renamed to bootstrapTooltip

[hyh888]

It's really make a little trouble.