Question

在此扩展程序中，我试图让它说出Hello然后是用户的名字。但是，它继续说默认值是Hello World，并且从不说出用户的名字。我不知道JQuery是否搞砸了，但是出了点问题。

这是html：

<!DOCTYPE html>
<html>
<head>

    <title>Hello World</title>
</head>
<body>
    <script src='popup.js'>    
    </script>

    <script src="https://code.jquery.com/jquery-1.10.2.js">    
    </script>

    <h2 id='greet'>Hello World!</h2>

    <input type="text" id='name'>    


</body>
</html>

这是Javascript：

$(function(){
    $('#name').keyup(function(){
        $('#greet').text('Hello ' + $('#name').val());
    })
});

Answer 1

您的代码很好，但是更改了jQuery和您自己的脚本的顺序，因为它无法运行它，因为此时没有jQuery可以运行。 HTML以线性方式从上到下读取文档。这就是为什么它不起作用。

$(function(){
    $('#name').keyup(function(){
        $('#greet').text('Hello ' + $('#name').val());
    })
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h2 id='greet'>Hello World!</h2>

    <input type="text" id='name'>

扩展名未按预期显示

1 个答案: