JQuery .click 函数没有做任何事情答案

【问题标题】：JQuery .click function not doing anythingJQuery .click 函数没有做任何事情
【发布时间】：2018-03-10 12:53:36
【问题描述】：

我刚开始使用 JQuery 和一般的 Web 开发，所以这个问题可能真的很简单，但我会很感激你的帮助。

Javascript 代码：

$(document).ready(function(){
    $("#convbut").click(function() {
        alert( "Handler for .click() called." );
      });
  });

HTML 按钮：

<button name="conversion" type="button" id="#convbut">Convert</button>

单击转换按钮时，我没有收到警报消息。

【问题讨论】：

id="#convbut" !! id="convbut"
检查按钮的id
它没有帮助。
从按钮 id 中删除“#”
我删除了，但没有帮助

标签： javascript jquery html web

【解决方案1】：

我不知道你的控制台有什么错误。确保您首先加载了 jquery 库。我在这里添加了完整的代码，所以你没有并且工作得很好 .

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  </head>
  <body>
    <button name="conversion" type="button" id="convbut">Convert</button>

    <script>
     $(document).ready(function(){
       $("#convbut").click(function(){
          alert( "Handler for .click() called." );
        });
    });
    </script>
  </body>
</html>

【讨论】：

我在控制台中没有收到任何错误。我知道它应该可以工作，这就是为什么我想知道出了什么问题并想找出问题所在:)
为什么不发布完整代码以便可以复制错误

【解决方案2】：

你的html

<button name="conversion" type="button" id="#convbut">Convert</button>

通过在id之前删除#来使用它；

<button name="conversion" type="button" id="convbut">Convert</button>

【讨论】：

我意识到了这个问题，我需要在 JQuery 中的 HASH 之前的 ID 名称没有 ID 实际上在 index.html 中有它

【解决方案3】：

我意识到了这个问题，我需要在 ID 名称之前在 JQuery 中使用 HASH，而实际上在 index.html 中没有 ID

Javascript：

$(document).ready(function(){
    $("#convbut").click(function() {
        alert( "Handler for .click() called." );
      });
  });

HTML：

<button name="conversion" type="button" id="convbut">Convert</button>

【讨论】：