嗯，无法调用javascript函数

Question

Why this not works:

I have main.html:

<script type="text/javascript" src="some_url"></script>
.
.
<a href="javascript:void(0)" onClick="Foo()">Foo</a></li>

Function Foo is located in external javascript file. With this code I cannot call function but if I put that external js into main.html it works. Where is problem? I guess it's something stupid :)

NEW UPDATE

Well I'm using Django framework and external files are loaded using django static directive:

<script type="text/javascript" src="{% static 'st_forms/main.js' %}"></script>

function is called like this:

<a href="javascript:void(0)" onClick="goForm('RHJ6YXZh')">Form</a></li>

and external main.js file (the whole file):

function goForm(formCode)
{
    alert("entered");
}

I hope this is enough...

Path to main.js is rendered successfully to "/static/st_forms/main.js" and it is accessible by browser.

Answer 1

You are probably adding your function Foo after the HTML is loaded, on window load , or document ready ...

Look at this example:

Fiddle

<script>
    function foo() {
        alert("Foo called!");
    }

    window.onload = function(){
        function bar() {
            alert("Bar called!");
        }
    }
</script>

<a href="javascript:void(0)" onClick="foo()">Foo</a>
<a href="javascript:void(0)" onClick="bar()">Bar</a>

On click Foo is called and Bar is not.

Answer 2

try: onclick="Foo()">Foo</a></li> instead of original: onClick="Foo()"

lowercase 'onclick'.