Home/ Questions/Q 9296247
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-18T21:47:30+00:00

Consider the following page: <html> <head> <script src=//ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js></script> </head> <body> <script data-main=app src=require.js></script> </body>

  • 0

Consider the following page:

<html>
<head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
</head>
<body>
    <script data-main="app" src="require.js"></script>
</body>
</html>

How can i use jQuery as a dependency for RequireJS modules when it’s not loaded with RequireJS? I know jQuery exposes itself as a global AMD module, so i should be able to add it as a dependency, but i’m not quite sure how to.

I would like to be able to do the following:

require(['jquery'], function() {
    console.log('success')
});

And if jQuery has not yet finished loading, it should wait for it to complete, and then continue. Is this possible to do?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Load jQuery second, RequireJS first. Run your main module when both are loaded.

    <html>
<head>
    <script src="require.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
</head>
<body>
    <script>
        require(["app"], function(app){
            app.runMe()
        })
    </script>
</body>
</html>

    jQuery will NOT register itself as AMD module if it does not see define.amd floating around. The only way to make it register itself properly is to load RequireJS before jQuery.

    • 0