1

我刚刚进入一些 chrome 扩展开发，并且遇到了以下错误 - 我在 popup.html 文件中为定义我的扩展的按钮定义了一个 .on 事件，但它没有触发（或引发错误在扩展检查器中）单击时。如果在另一个环境中运行（例如 jsfiddle 或 codepen），它会完全按计划工作。

HTML：

<!doctype html>
<html>
  <head>
    <title>Popup</title>
    <style>
      body {
        min-width: 357px;
        overflow-x: hidden;
      }
    </style>
    <script src="jquery.js"></script>
    <script src="popup.js"></script>
    <textarea id = "names" rows="4" cols="50">Enter the user's name</textarea>
    <button id ="close">Close</button>

  </head>
  <body>
  </body>
</html>

JS：

$('#close').on('click',function(){
$('#names').val('works');
});
4

1 回答 1

4

您需要延迟 JavaScript 代码，直到 DOM 准备好。

$(function(){
    $('#close').on('click',function(){
        $('#names').val('works');
    });
});

$(function(){ })是 的简写$(document).ready(function(){ })。

于 2013-07-10T17:23:34.873 回答