Estoy usando la plantilla de administrador de Bootstrap gratuita AdminLTE para una aplicación web simple.
En la ventana normal del navegador todo funciona. Estoy incorporando la aplicación basada en adminLTE a través de iframe.
Recibo errores constantes al incrustar adminlte html dentro de iframe. Mensaje de error:
Uncaught TypeError: Cannot read properties of null (reading 'autoIframeMode') IFrame.js:271 at et_initFrameElement (IFrame.js:271:45) at S.fn.init.e._jQueryInterface [as IFrame] (IFrame.js:434:88) at IFrame.js:445:27 at dispatch (jquery-3.6.0.min.js:2:43064) at v.handle (jquery-3.6.0.min.js:2:41048)Está tratando de agregar el modo iframe de la clase css a la etiqueta del cuerpo (código de adminlte.js)
_initFrameElement() { if (window.frameElement && this._config.autoIframeMode) { const $body = $('body') $body.addClass(CLASS_NAME_IFRAME_MODE) Intenté desactivar el modo iframe automático para AdminLTE siguiendo su documentación. https://adminlte.io/docs/3.1/javascript/iframe.html
Agregado en la etiqueta html:
<script> $('.content-wrapper').IFrame({ onTabClick(item) { return item }, onTabChanged(item) { return item }, onTabCreated(item) { return item }, autoIframeMode: false, autoItemActive: true, autoShowNewTab: true, allowDuplicates: true, loadingScreen: 750, useNavbarItems: true }) </script>Este jquery arroja un error: Error de referencia no capturado: $ no está definido
¿Cómo desactivar esta adición de la clase de modo iframe a la etiqueta del cuerpo?
(evitar el modo iframe de administración automática)