我试图在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>
我怎样才能解决这个问题?
暂无答案!
目前还没有任何答案,快来回答吧!