2

私はブラウザ拡張機能開発の初心者です。簡単なことをしようとしていますが、なぜうまくいかないのかよくわかりません。何が問題ですか？popup.html ファイルの DOM を操作できません。ここに例があります：

<html>
<head>
 <script src="js/jquery.js"></script>
 <script src="js/main.js"></script>
</head>
<body id="content">
 <p> Hello world </p>
 <button id="go" />
</body>
</html>

そして、ここで私の非常に単純な main.js ファイル:

$(document).ready(function() { 

 $('#go').click( function(){

    $( "#content" ).empty();
    alert("Done");
 });
});

クリック後、本文の内容は消えないように見えますが、アラートを設定すると、コードが機能することがわかります (アラートが表示されたとき)。しかし、クリック（）イベントの後（アラートを閉じたとき）、ポップアップファイルは復元され、段落はまだここにあります。

それで、私は何を間違っていますか？ポップアップ ファイルの DOM を操作できますか? または、私の JS コードを修正する必要がありますか? いくつかのテストを行ったところ、イベント、データ、およびアクションが click() イベントの後に終了することがわかりました。私も試してみました

location.href = "other_page.html";

リダイレクトは機能しますが、クリック後に言ったように、popup.html ファイルに戻ります。

ありがとう、私はより多くの仕様のためにここにいます

4

1 に答える 1

1

私は同じ問題を抱えていました.... Edgeはjqueryのclick()関数が好きではないと思います。

これを試してください：

document.getElementById("logout").addEventListener("click", function() { 
$( "#content" ).empty();
alert("Done");
}

私はこの方法で解決しました:)

于 2016-09-28T15:39:04.490 に答える