Closed. This question needs debugging details。它当前不接受答案。
                        
                    
                
            
        
            
        
                
                    
                
            
                
                    想改善这个问题吗? 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/

10-16 18:41
查看更多