0

私のjavascript/jqueryが機能しない理由を誰かがキャッチできますか? ありがとう！！！

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')
    }

アラートがまったく届かない

私はそれを理解しました、それは単なる小さな構文エラーでした。コンソールの使用を勧めてくださった皆様、ありがとうございました!

4

1 に答える 1

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')
 }

次のようにする必要があります。

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');
}
于 2013-02-04T16:34:09.660 に答える