Issue with jQuery usage in Magento 2

Question

Currently I have a custom block loaded almost last on the page containing:

<script type="text/javascript" src="/test.js"></script>

This script is pretty much the usual stuff, just manipulating HTML of my product page.

jQuery.noConflict();
 jQuery(document).ready(function($) {
 $(window).load(function() {
 {
 Do stuff with various HTML elements;
 }
 });
});

However, this method only seems to work as intended in Chrome. In Firefox, it just throws jQuery not defined, despite Magento 2 obviously having a local copy of jQuery called very early on the page.

Any ideas on how to get this working in Firefox? (Or better yet, how to do this properly, as I have a feeling I'm skirting round a lot of Magento's intended JS usage.)

Answer 1

add js like that

require([ 'jquery', 'jquery/ui'], function($){ $(document).ready(function($) {
 $(window).load(function() {
 {
 Do stuff with various HTML elements;
 }
 });
}); });

• Niall Storie: Perfect, thank you so much, this had been driving me crazy.
• Ben Crook: There is a !domReady plugin included within the require implementation btw.
• harri: How to use the !domReady? window.load and document.ready seem to fire a bet prematurely for me
• harri: [ 'jquery', 'jquery/ui, 'domReady!'] is this all that is required for this?

Answer 2

You can use your custom jquery function by:

 require([ 'jquery', 'jquery/ui'], function($){ 
 $(document).ready(function($) {
 alert("Hello"); //Do Your jQuery Code
 });
 });

• inrsaurabh: i used as above in my module but some time it fails, can you please see once the below question magento.stackexchange.com/questions/220884/…