拡張子名が表示されていないので、

この拡張子では、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()); 
    }) 
});

出典

2017-04-24 Sebastian Wittrock

が実行されているから、このスクリプトを防止している（または他の場所）popup.jsにエラーがある可能性が高いようだ - スクリプトは、細かい –

てみデバッグ作品を掲載しました。 https://developer.chrome.com/extensions/tut_debugging –

それはすることができないので、しかし、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'>

出典

2017-04-24 23:45:17 Unkn0wn

拡張コンテキストでは、[CSPが上書きされていない]（https://developer.chrome.com/extensions/contentSecurityPolicy#relaxing-リモートスクリプト）。一般的に、このようなリソースを拡張モジュールでパックするのは悪い考えではありません。 – Xan

拡張子名が表示されていないので、

答えて

関連する問題