Question

我刚刚开始使用JQuery和一般的Web开发，所以这个问题可能非常简单，但我将非常感谢您的帮助。

Javascript代码：

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

HTML按钮：

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

点击转换按钮时，我没有收到提示信息。

Answer 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>

Answer 2

你的HTML

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

通过在id之前删除＃来使用它;

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

Answer 3

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

使用Javascript：

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

HTML：

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

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

3 个答案: