"Importing External JavaScript": Harlowe (v2.0)


"Importing External JavaScript" demonstrates how to import an externally stored JavaScript library, jQuery UI.

This example uses the built-in jQuery $.getScript() function to load the library and demonstrates a short example of how to use it.

Note: The successful loading of an external JavaScript file or library commonly produces no visual output. The code within the example passage is not required for the successful loading of an external file or library.

Live Example

Download: Live Example

Twee Code

:: StoryTitle
Harlowe: Importing External JavaScript

:: UserScript [script]
/* import jQuery UI library. */
$(function () {
        function (data, textStatus, jqxhr) {
            console.log('jquery ui file loaded');

:: Start
<p>Click on the grey box below to see it bounce.</p>
<div id="box" style="width: 100px; height: 100px; background: #ccc;"></div>

$("#box").click(function () {
  $("#box").toggle("bounce", {times: 3}, "slow");

Download: Twee Code

results matching ""

    No results matching ""