Jquery/Javascript external file is not working

Question

can anyone catch why my javascript/jquery is not working? Thanks!!!

HTML (employment.php)

        <html>
    <head>
    <link rel="stylesheet" type="text/css" href="style.css">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="resume_script.js"></script>
    </head>

    <title>Employment</title>

    <body onload="load">
        <h1>Employment History</h1>
        <button type="button" id="add_job">+</button>
        <form action="result.php">
            Start Date: <input type="text" id="start_date"> End Date: <input type="text" id="end_date"> <br><br>
            Description:<br> <textarea id="position"></textarea> <br>

            <div id="add_form"></div>

            <input type="submit">
        </form>
    <div id="footer">
            <ul>
                <li><a href="contact.php">Contact</a></li>
                <li><a href="position.php">Position</a></li>
                <li><a href="employment.php">Employment</a></li>
                <li><a href="resume.php">Resume</a></li>
            </ul>
    </div>

    </body>

    </html>

JAVASCRIPT (resume_script.js)

    $(function(){
        alert("test");
        $('#add_job').click(addJob);

    });

    function load(){
        alert("Page is loaded");
    }

    function addJob(){
        alert('test');
        $('Start Date: <input type="text" name="start_date"> End Date: <input type="text" name="end_date"> <br><br>').appendTo('#add_job')
    }

I am not getting any of my alerts

I figured it out, it was just a small syntax error. Thank you guys for all the help and recommending me to use the console!

It should be: $('<input type="text" name="start_date"> End Date: <input type="text" name="end_date"><br><br>').appendTo('#add_job') — Ram
– Ram, Commented Feb 4, 2013 at 16:33
User your browser's console and look for the error messages. — epascarello
– epascarello, Commented Feb 4, 2013 at 16:36

Fox32 · Accepted Answer · 2013-02-04 16:34:09Z

2

 function addJob(){
        alert('test');
        $'Start Date: <input type="text" name="start_date"> End Date: <input type="text" name="end_date"> <br><br>'.appendTo('#add_job')
 }

Should be:

function addJob(){
        alert('test');
        $('Start Date: <input type="text" name="start_date"> End Date: <input type="text" name="end_date"> <br><br>').appendTo('#add_job');
}

answered Feb 4, 2013 at 16:34

Fox32

13.7k9 gold badges53 silver badges71 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

AustinT Over a year ago

Thanks for catching that error! I just made that change, and it seems like its still not working.

Fox32 Over a year ago

This jsfiddle.net/m4S9t seems to work for me? What do you mean by "is not working"?

AustinT Over a year ago

Hmmmm, what do you think the problem is? My resume_script is in the same folder as my php file. I am sure the problem has to do with the external, it seems like it is not reading my javascript file at all. And I can't seem to catch why.

Fox32 Over a year ago

Probably the file is cached and you still get the old file?

Collectives™ on Stack Overflow

Jquery/Javascript external file is not working

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related