Question

我是Browser Extension dev的新手。我尝试做一些简单的事情，但我真的不知道为什么会这样做。问题是什么？我无法操纵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");
 });
});

点击后，我的身体内容似乎没有消失，但如果我发出警报，我可以看到我的代码有效（当警报显示时）。但是在click（）事件之后（当我关闭警报时），它恢复的弹出文件和段落仍然在这里。

那么，我做错了什么？我可以操纵弹出文件的DOM吗？或者我的JS代码需要修复？我做了一些测试，我注意到click（）事件后任何事件，任何数据和任何操作都会消失。我也试过

location.href = "other_page.html";

重定向工作，但正如我在点击后所说的那样，我在popup.html文件中返回。

谢谢，我在这里了解更多规范

Answer 1

我有同样的问题.... 我认为Edge并不喜欢jquery click（）函数。

试试这个：

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

我已经用这种方式解决了：）

Microsoft Edge Extension，如何操作popup.html DOM

1 个答案: