javascript - HTML/Javascript 在点击事件上打印表单

Question

我的 HTML 文件中有此脚本

<script type="text/javascript">
    $(document).ready(function addTeacher() {
        $("#addTeacher").click(function addTeacher() {
            $('#conteudo').html("FORM CODE HERE");
        });
    }); 
</script>

<小时/>

我想要在 div #addTeacher 上打印的表单:

<form  method="post" action="auth.php" role="form">

    <div class="form-group">
        <input type="text" name="login" id="login" class="form-control" placeholder="Login">
    </div>

    <div class="form-group">
        <input type="password" name="senha" id="senha" class="form-control" placeholder="Senha">
    </div>

    <input type="submit" value="Login" class="btn btn-success" />

</form>

我将表单代码粘贴在引号之间，但是当我单击按钮时，没有任何反应。我做错了什么？

div代码:

<div class="container" id="conteudo">
  <div class="row">
  </div>
</div>

按钮:

 <button type="button" id="addTeachers" class="btn btn-primary">Adicionar Professor</button> 

Answer 1

首先，请确保您为按钮引用了正确的 ID。 addTeachers 与 addTeacher 不同。

其次，确保引号正确并避免换行。任何一个错误都会导致语法错误。

这是一个工作示例:http://jsfiddle.net/2AMg4/1/