在flask中使用jquery添加输入字段

zc0qhyus  于 2021-09-29  发布在  Java
关注(0)|答案(0)|浏览(308)

我试图在flask中使用jquery动态添加额外的输入字段。
我相信我的代码是正确的,但是每当我点击“添加条目”按钮时,什么都不会发生。当我加载页面时,我得到了304个错误。

> 127.0.0.1 - - [27/Jul/2021 16:13:25] "GET / HTTP/1.1" 200 -
> 127.0.0.1 - - [27/Jul/2021 16:13:25] "GET /static/jquery.js HTTP/1.1" 304 -
> 127.0.0.1 - - [27/Jul/2021 16:13:25] "GET /static/inputFields.js HTTP/1.1" 304 -

我已经下载了jquery文件,并将其与其他js代码一起放在静态文件夹中,但似乎没有任何效果。
inputfields.js

$(document).ready(function(){
  $("#add").click(function (e){
    event.preventDefault()
    $(#'#items').append('<div><input type="text" name="user-name" ><input type="text" name="user-email"><input type="button" value="delete" id="delete" /></div>');
  });

  $('#delete').click(function (e){
    $(this).parent('div').remove();
  });
});

inputnum.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<form action ="">

<div id="items">
  <input type="text" name="user-name"><input type="text" name="user-email">
</div>
<input type="button" value="add entry" id="add">
<input type="submit" value="submit">
</form>

<script type=text/javascript src="{{ url_for('static', filename='jquery.js') }}"></script>
<script type=text/javascript src="{{ url_for('static', filename='inputFields.js') }}"></script>

</body>
</html>

我怎样才能解决这个问题?

暂无答案!

目前还没有任何答案,快来回答吧!

相关问题