Can't call external javascript function from JQuery

Asked May 03 '16 at 03:26

Active May 03 '16 at 03:32

Viewed 258 times

I have a script file called trim.js. I'm trying to call a function prepareURL() from this file in my index.html file. However I'm getting the following error:

ReferenceError: Can't find variable: prepareURL

I make sure to import my script doing the following:

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

<script type="text/javascript">

  $(function() {
    $('#simple_sketch').sketch();
    $('#simple_sketch').sketch('color','#fff');
    $('#simple_sketch').sketch('size','6');         
  });

  function predict() {
    //Create Image URL
    var imageURL = prepareURL('#simple_sketch')
  }

The function in my trim.js file looks like this:

function prepareURL(c) {
  //My code
}

How can I call prepareURL from my index.html file?

edited May 03 '16 at 03:32

Ben Rowe

28,406
6
55
75

asked May 03 '16 at 03:26

KingPolygon

4,753
7
43
72

Try adding like this - `prepareURL = function(c) { }` in trim.js – Developer107 May 03 '16 at 03:29
Something is missing here. All of the code you posted should work as intended. When/where are you calling `predict()`? Are the contents of trim.js contained in an IIFE? – Mike Cluck May 03 '16 at 03:30
wrap your script in $(document).ready – user3791775 May 03 '16 at 03:30
@user3791775 OP's using shorthand http://stackoverflow.com/a/6004143/5812121 – timolawl May 03 '16 at 03:32
Does the same error occur if you include contents of `trim.js` as text within `` element ? – guest271314 May 03 '16 at 04:02
did you ever figure this out? having the same issue – Mike Jun 04 '16 at 01:15

Can't call external javascript function from JQuery

0 Answers0