Jquery 如何使div可点击？

我查看了几个链接。我理解它，但它对我的不起作用

以下是我的代码片段：

$（'.quick'）。单击（函数（）{
window.location=$（this.find（'a'）.attr（'href'）；
返回false；
})

.Portfolio{
背景色：#ffffff；
宽度：920px；
保证金：0自动；
位置：相对位置；
边缘顶部：120px；
边缘底部：50px；
边框样式：实心；
边框颜色：#dddddd；
边框宽度：2倍；
左侧填充：20px；
右边填充：20px；
溢出：自动；
}
.港口{
颜色：#4aaaa5；
边框样式：实心；
边框颜色：#中交；
边框宽度：2倍；
左边框样式：隐藏；
右边框样式：隐藏；
边框顶部样式：隐藏；
}
.集装箱{
浮动：左；
保证金：0自动；
填充：20px；
宽度：230px；
高度：230像素；
位置：相对位置；
}
.集装箱h1{
浮动：左；
位置：相对位置；
填充：20px；
}
.书{
清除：左；
}
.书籍h1{
清除：左；
}
.内核{
清除：左；
}
.Kernel h1{
清除：左；
}
.清楚{
明确：两者皆有；
}
.text_m h1{
位置：绝对位置；
保证金：0自动；
文本对齐：居中；
颜色：白色；
背景：#4aaaa5；
不透明度：0.7；
宽度：210px；
利润上限：200px；
左侧填充：20px；
左边距：20px；
}
.text_e h1{
显示：内联块；
位置：相对位置；
文本对齐：居中；
颜色：白色；
背景：#4aaaa5；
不透明度：0.7；
宽度：230px；
利润上限：200px；
右：250px；
}
.text_b h1{
位置：绝对位置；
文本对齐：居中；
颜色：白色；

文件夹
测验时间
天气
国际空间站跟踪器
摄影
内核

在

a

标记中放置

div

是非常有效的

<a href="https://madhumitha.github.io/Quiz/">
  <div class="Quiz"> 
    <img  src="assets/images/quiz.jpg" alt="Quiz">
    <div class='text_m'> 
      <h1> Quiz Time </h1>
    </div>
  </div>
</a>

缺少

$（文档）。ready（）

这修复了问题

$(document).ready(function() {
    console.log($('.Quiz').length);

    $('.Quiz').click(function(){
        window.location = $(this).find('a').attr('href');
        return false;
    });
});

---

您需要将quickdiv的子元素推入锚点，然后根据需要设置锚点的宽度和高度，并将样式显示块设置为锚点标记

<div class="Quiz"> 
     <a href="https://madhumitha.github.io/Quiz/" style="display:block">
        <img  src="assets/images/quiz.jpg" alt="Quiz">
            <div class='text_m'> 
                <h1> Quiz Time </h1>
            </div>
     </a>
</div>

如果在

$（'.quick'）之前直接添加
console.log（$（'.quick'）.length）
，在浏览器控制台中会得到什么？单击
code？是否存在任何浏览器错误（例如jquery加载不正确）？是否包装了
。单击文档中的
事件准备就绪？
$（函数（）{$（.quick”）。单击…
显然，您的代码没有问题，因此肯定存在其他问题-例如，在div存在之前运行代码（因此添加到doc ready）或者稍后加载div。对代码段的转换表明它可以正常工作，因为代码段可以为您处理这件事-这可能不是您在代码中使用它的方式。在添加
console.log（$（'.quick'）时.length
，返回0否。但在我将其包含在内后，它就起作用了。谢谢！您为什么要使用jQuery而不仅仅是一个基本的html链接？