Learning jQuery 3 - Fifth Edition

Executing a script

Occasionally, we don't want to retrieve all the JavaScript we will need when the page is first loaded. We might not know what scripts will be necessary until some user interaction occurs. We could introduce the <script> tags on the fly when they are needed, but a more elegant way to inject additional code is to have jQuery load the .js file directly.

Pulling in a script is about as simple as loading an HTML fragment. In this case, we use the $.getScript() function, which--like its siblings--accepts a URL locating the script file:

$(() => {   $('#letter-c a')    .click((e) => {      e.preventDefault();      $.getScript('c.js');    });}); 

Listing 6.7

In our last example, we needed to process the result data so that we could do something ...