Question

我正在尝试为按钮创建点击事件，但它无效。

这是我到目前为止所得到的：

<script type="text/javascript">
    $(document).ready(function() {
        $("#btn_showComments").click(function() {
            alert("Hi from the button! :)");
        });
    });
</script>

<div id="#background">
   <div id="#showMoreComments">
      <button id="#btn_showComments">Show more comments!</button>
   </div>
</div>

我知道这是一个愚蠢的问题。但是我做错了什么？

Answer 1

首先从按钮标签中的id声明中删除“＃”，即：

<button id="btn_showComments">Show more comments!</button>

其次，将脚本移到html下面。

Answer 2

从按钮ID中删除＃。＃告诉JQuery选择具有以下id的元素。像这样：

<div id="#background">
   <div id="#showMoreComments">
      <button id="btn_showComments">Show more comments!</button>
   </div>
</div>
<script type="text/javascript">
    $(document).ready(function() {
        $("#btn_showComments").click(function() {
            alert("Hi from the button! :)");
        });
    });
</script>

Answer 3

<button id="#btn_showComments">Show more comments!</button>

应该是 -

<button id="btn_showComments">Show more comments!</button>

那么你的代码就可以了。：）

请不要在HTML标记中使用#作为ID。附加#以使用其ID获取元素。

Answer 4

从html中的元素中删除@GeneratedValue。

Answer 5

试试这段代码，实际上你已经在你的html代码中添加了#id。请删除它。

<script type="text/javascript">
    $(document).ready(function() {
        $("#btn_showComments").click(function() {
            alert("Hi from the button! :)");
        });
    });
</script>

<div id="background">
   <div id="showMoreComments">
      <button id="btn_showComments">Show more comments!</button>
   </div>
</div>

jQuery没有识别按钮

5 个答案: