【问题标题】:Jquery .click function not working on div tag [duplicate]Jquery .click函数不适用于div标签[重复]
【发布时间】:2016-08-22 02:04:54
【问题描述】:

我只是第一次尝试 .click,但没有使用 div

https://jsfiddle.net/djsreeraj/rnL7stsm/

html

<body>
<div id="score">0</div> 
<div id="start">Start</div>
</body>

css代码

#start {
    width: 50px;
    padding: 10px 15px;
    text-align: center;
    font: bold 15px arial;
    background-color: #dedede;
    color: #000;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    position: absolute;
  }
  #start:hover {
    cursor: pointer;
  }

这是jquery代码,.click功能不起作用,如何解决?

$(document).ready(function()
{

$("#start").click(function () {
            alert("Hello!");
            $("#start").hide();
        });
  });

【问题讨论】:

标签: javascript jquery


【解决方案1】:

看来您需要在页面中添加 jquery。

编辑过的小提琴:https://jsfiddle.net/rnL7stsm/1/

$(document).ready(function()
{

 $("#start").click(function () {
                alert("Hello!");
                $("#start").hide();
            });
});

我也删除了标签。

【讨论】:

  • 我试过像 codepen、jsfiddle 这样的编辑器,我也应该包括那里吗?
  • 是的,你需要在任何你想使用它的地方包含jquery。
  • 谢谢它的工作,思想编辑器预装了它
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-07-16
  • 2020-09-08
  • 1970-01-01
  • 2023-03-25
  • 2015-01-25
  • 1970-01-01
相关资源
最近更新 更多