Closed. This question needs debugging details。它当前不接受答案。
想改善这个问题吗? Update the question,所以它是on-topic,用于堆栈溢出。
5年前关闭。
[解决]
Codecademy无法使用我的脚本
我在网上查找了这个问题,将代码与其他可以正常工作的代码进行了比较,但我没有做任何工作。
我要完成的工作是创建一个div,当用户按下“提交”按钮时,在文本区域中添加文本。我现在不需要干净的表单或xss保护措施,我只需要在用户按下按钮时在div后面附加一个div。
编码:
HTML.index
Script.js
网站:http://www.codecademy.com/JamesTill/codebits/DbczHl/edit
想改善这个问题吗? Update the question,所以它是on-topic,用于堆栈溢出。
5年前关闭。
[解决]
Codecademy无法使用我的脚本
我在网上查找了这个问题,将代码与其他可以正常工作的代码进行了比较,但我没有做任何工作。
我要完成的工作是创建一个div,当用户按下“提交”按钮时,在文本区域中添加文本。我现在不需要干净的表单或xss保护措施,我只需要在用户按下按钮时在div后面附加一个div。
编码:
HTML.index
<body>
<div id="page-background">
<div id="page-footer">
<textarea id="input-box"rows='4' cols='24' placeholder='Input Text Here'></textarea>
<button id='input-button'>Submit</button>
</div>
</div>
</body>
Script.js
$(document).ready(function(){
$('#input-button').click(function(){
var userInput = $('#input-box').val();
$('#input-box').val('');
$('#page-background').append('<div>' + userInput + '</div>');
});
});
网站:http://www.codecademy.com/JamesTill/codebits/DbczHl/edit
最佳答案
jQuery的
确保在<head>
标记中或关闭</body>
标记之前链接到jQuery。
<head>
<script src="https://code.jquery.com/jquery-2.1.3.js"></script>
</head>
<body>
<div id="page-background">
<div id="page-footer">
<textarea id="input-box"rows='4' cols='24' placeholder='Input Text Here'></textarea>
<button id='input-button'>Submit</button>
</div>
</div>
</body>
关于javascript - 点击附加元素,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/28661991/