Question

I am using Phonegap and JQueryMobile to create a web application. I’m new to javascript and am having an issue.

My issue is with calling a function I have in a file named “testscript.js”, the function is called testFunc. The testscript.js containts only this:

function testFunc() {
    console.log("Yes I work");
}

Within my html page I have the following code:

<script>
  $('#pageListener').live('pageinit', function(event) 
    {
     testFunc();
    });
</script>

The test function is found within my “testscript.js” which I am including with this line within the head tags:

<script src="testscript.js"></script>

The error I get is a “testFunc is not defined”.

I am assuming its some type of scope issue as I’m able to call other jquery functions such as:

alert("I work");

and I am able to call my functions by sticking them within script tags in the html elsewhere.

I’ve tried all sorts of ways of calling my function with no success, any help is appreciated!

Answer 1

You must include the testscript.js before the other jquery code in your html. Like this:

<script src="testscript.js"></script>

<script>
   $('#pageListener').live('pageinit', function(event) 
   {
      testFunc();
   });
</script>