javascript - javascript中的点击事件

Question

我对 HTML、CSS 等有点陌生。我在处理 html 页面上的点击事件时遇到问题。

HTML

<div class="Box1 DaddyBox"></div>
<div class="Box2 DaddyBox"></div>
<div class="Box3 DaddyBox"></div>

CSS

.DaddyBox{
    border:thick;
    border-color:#FFF;
}

.DaddyBox:hover{
    background: green;
}

.Box1 {
    position: absolute;
    left: 16px;
    top: 96px;
    width: 320px;
    height: 96px;
    z-index: 1;
    background-color: #F5E255;  
}

JS

$('.Box1').click(function(){
    alert(Alert)
});

有什么明显的东西是我遗漏的吗？单击框时我没有收到警报。

如果需要清晰，我正在尝试为网站创建类似网格的界面。每个框都将链接到一个新页面。同样，我是新手，只是尝试我到目前为止学到的东西，所以也许我还差得远，请随时为我指出一个新的方向。

谢谢

Answer 1

您错过了 alert() 中消息的引号，改为:

....
alert("Alert");
...

并包含 jQyery 库，并将您的代码包装在 $(document).ready(function(){ ... }); 中(如果尚未完成)，如:

$(document).ready(function(){ 
    $('.Box1').click(function(){
        alert("Alert"); //add quotes to your message Alert
    });
});