Question

On my index.html I am doing the following:

<script  src="jquery/jquery.js"></script> 
<script  src="managment.js"></script>
<script  src="jquery/jquery.mobile-1.1.0.js"></script> 

After doing some calculation, I have the need of using a function from the managment.js file:

 $.getScript("managment.js", function(){

                            alert("Script loaded and executed.");
                            login();
                            });
            }

And finally the managment.js file:

<script type="text/javascript">
function login(){
    alert("asdasdasdasdasdasd");
}
</script>

My issue, is that the login() function is never called. Actually the alert I have inside getScriptfunction is not called either, but the strange thing is that if I check if the jquery.js file is loaded the alert is called. More, if I try to call login() without doing getScriptnothing happens has expected. My files structure is the following:

(note: you can see that I am using 2 managment.js files. I tried both approaches to see if the problem was with the path of the file.)

What am I missing here? For relevance, I am using PhoneGap, but this isn’t working on the browser as well.

Answer 1

The management.js file should not contain the <script type="text/javascript"> tag. It should be:

function login(){
    alert("asdasdasdasdasdasd");
}

Hope it helps! 🙂