Question

我试图将div附加到另一个div的末尾。我在点击#driver-button并将其附加到.driver-form时这样做。现在没有任何反应。我有其他Jquery在页面上工作，所以它不是一个加载问题。

这是我的脚本。我使用preventDefault来阻止按钮的默认提交操作，因为它在表单中。我还在html中为按钮提供了一种按钮。

<script type="text/javascript">
    $(document).ready(function() {
       my working js is here.
        var x = 1;
        $('#driver').click(function(e){
            e.preventDefault();
            if(x < 6){
                x++;
                $('.driver-form').append('<div class="form-group">
  <label for="inputDriver" class="col-lg-2 control-label">Name</label>
  <div class="col-lg-10">
    <input class="form-control" id="inputDriver" placeholder="" type="text">

  </div>
</div>')
            }



        });







    });







  </script>

我很肯定我在我的脚本中选择了正确的元素但是如果你需要证明我可以上传html。谢谢你的帮助。

Answer 1

您没有正确使用报价。尝试：

$('.driver-form').append('<div class="form-group">' +
  '<label for="inputDriver" class="col-lg-2 control-label">Name</label>' +
  '<div class="col-lg-10">' +
    '<input class="form-control" id="inputDriver" placeholder="" type="text">' +
  '</div>' +
'</div>')

这是一个有效的here

尝试使用jquery附加<div>时失败，追加不成功？

1 个答案: