Below is a screenshot of a very simple UI Action that uses jQuery to hide some form elements:
It works great when the application scope is Global, but if I create it so that its scope is that of a scoped application, it throws an error: Uncaught TypeError: jQuery is not a function
Looking at the rendered page's source code, the globally-scoped UI Action's JS is rendered as-is on the page:
<script>
function toggleRows(){
jQuery('.section-content .row').toggleClass('hide');
}
</script>
On the other hand, the scoped UI Action's JS seems to have additional code injected, which is what I believe is causing the errors:
<script>
addLoadEvent(function() {
var toggleRows = (function(GlideAjax,g_form,GlideDialogWindow,GlideRecord,window,document,$,jQuery,$$,$j,$F,gel,undefined){
"use strict";
function toggleRows(){
jQuery('.section-content .row').toggleClass('hide');
}
return toggleRows.bind(null)
})(ScopedGlideAjaxGenerator("x_bonm_bob"),ScopedGFormGenerator("x_bonm_bob"),ScopedGlideDialogWindowGenerator("x_bonm_bob"),null,null,null,null,null,null,null,null,null);
window.toggleRows = toggleRows;
});
</script>
Any idea what's happening here?
