Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

Getting Error in older version of Chrome/Firefox that JQuery not defined in plugins.bundle.js


Hi,

I am using the library UX Template themeforest-metronic-responsive-admin-dashboard-template.
This library is working perfectly in latest Chrome and Mozilla browser, buts its not working properly in older version of browser.
I am unable to attach screenshot in this textbox, same issue can be seen in metronics library if the sample application of library executed on older versions

Getting below mentioned errors:

Reference error: JQuery is not defined
Reference error: Bootstrap is not defined
Syntax error: espected expression got '.'

Please have a look at this issue and let me know how it can fixed on older versions of Chrome/Mozilla.

Thanks
Ajay


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)


Hi Ajay,

It seems like you're encountering compatibility issues with the UX Template library on older versions of Chrome and Mozilla browsers. To address these issues, you can try the following steps:

jQuery Loading Order:
Ensure that jQuery is loaded before any other scripts that depend on it. If your scripts are executed before jQuery is loaded, you might encounter the "Reference error: jQuery is not defined" issue.

html
<script src="path/to/jquery.js"></script>
<script src="path/to/your/other/scripts.js"></script>
Bootstrap Loading Order:
Similar to jQuery, make sure Bootstrap is loaded after jQuery since it depends on jQuery.

html
<script src="path/to/jquery.js"></script>
<script src="path/to/bootstrap.js"></script>
Check jQuery and Bootstrap Versions:
Verify that you are using versions of jQuery and Bootstrap that are compatible with the older browsers you are targeting.

Polyfills:
Consider adding polyfills for features that might be missing in older browsers. This can be related to ECMAScript syntax or other features.

Browser Compatibility Mode:
Ensure that the older browsers are not running in compatibility mode, which might force them to behave as if they are an even older version.

Update Library Versions:
Check if there are newer versions of the UX Template library that explicitly mention compatibility improvements for older browsers.

Remember to clear your browser cache after making changes to ensure that you are loading the latest scripts. If the issue persists, you may need to provide more details or consult the library's documentation or support for specific troubleshooting steps related to browser compatibility.
#geometry dash unblocked
I hope this helps! Let me know if you have further questions or if there's anything else I can assist you with.



plugins/global/plugins.bundle.js has all the library in compressed form.
On all the latest browsers JQuery, Bootstrap and others library is is avaialble.
But in case of old browsers its failing with the above mentioned issue.

No attachment feature on textbox to view the error



Hi,

Unfortunately, it's technically impossible to support old browsers nowadays.

Metronic and all the third-party plugins we use support only the latest versions of major browsers. Please check the official browser version support of Bootstrap 5 here.

Also, there are other 3rd party plugins such as datatables, fullcalendar, form validation, etc require the latest browser versions.

Regards.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(