Javascript 让整个分区都可以点击WordPress帖子，而不仅仅是标题？

目前，只有h1链接到帖子。我想整个部门张贴信息是可点击的

我一直在处理这个问题，但出于某种原因，一切都没有改变。整个div仍然不可点击；只有h1

JS

HTML

---

编辑：这是我创建的一个提琴：

将代码更改为这个，这样整个div都可以点击

<a href="post-link" rel="bookmark">
    <article id="post-1" class="post-1 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized">
    <div class="post-info">
    <h1 class="entry-title">[POST TITLE]</h1>
</div>
    <img width="624" height="400" src="[POST THUMBNAIL]" class="attachment-post-thumbnail wp-post-image">   
    </article>
</a>

---

因为以前只有标题链接，所以我现在将其更改为整篇文章

，问题是您将单击操作应用于仅包装h1的div。您有两个选项可以修复它：

将所有物品包装在div中；或 将单击操作应用于文章而不是div。 大概是这样的：

$("article.has-post-thumbnail").click(function() {
     window.location = $(this).find("a").attr("href");
     return false;
 });

---

为什么要投否决票？我试着用我知道的最好的方式来解释。如果我遗漏了什么，请让我知道，而不仅仅是否决。如果你把它改为.onclick，function{…}，它会起作用吗？@Alvaro我实际上是想改变它所说的部分http://link-to-post 所以我不确定添加.on是否有效。我应该在帖子中澄清这一点，但我刚才做了一个编辑。问题是，如果文章是动态添加的，我不知道WordPress是如何工作的。单击将不起作用，您需要使用。on@Alvaro我正试图找到其中的链接。我更新了上面的帖子。你能看看我为什么会有麻烦吗？此外，我尝试使用.on，但也不起作用。这对HTML5有效吗？据我所知，添加这样的链接不是一个好的做法。我认为它不会在所有浏览器中都完美工作。请在执行此操作后在ie中特别检查此项。只要您在该部分中没有任何交互项目或其他链接或按钮，此项就有效。就我个人而言，这不是我最喜欢的，但类似的东西可以工作，并且是有效的HTML5ya，我知道@Alvarontoro，但问题是让整个div可以点击WordPress帖子，而不仅仅是title@VitorinoFernandes对不起，我在回复其他评论。我同意你的解决方案。不幸的是，我这方面仍然不起作用。我继续创造了一个新的世界。为了简洁起见，我没有包括一些信息，但我在其中添加了所有信息，希望它能提供更清晰的视图。对不起，我的解决方案在小提琴上起作用，有一个警报：实际上，它也适用于您的代码：请注意，我将单击应用于文章而不是帖子信息。如何将光标设置为指针，以便在我将光标悬停在整个div上时指针显示？我想这就是让我困惑的地方。我尝试添加游标：指向.post info的指针，但没有成功。添加游标：指向文章样式的指针

article {
background: #EE7A1D;
float: left;
height: 200px;
margin: 0 2px 2px 0;
overflow: hidden;
position: relative;
width: 312px;
}

article .post-info {
display: none;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 100;
}

article .post-info h1 {
line-height: 1.4;
font-size: 20px;
font-size: 2rem;
}

article .post-info a {
color: #FFF;
}

article .post-info span {
font-style: italic;
}

article .post-info a {
color: #FFF;
}

article > img {
width: 100%;
}

.updated:not(.published) {
display: none;
}

<a href="post-link" rel="bookmark">
    <article id="post-1" class="post-1 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized">
    <div class="post-info">
    <h1 class="entry-title">[POST TITLE]</h1>
</div>
    <img width="624" height="400" src="[POST THUMBNAIL]" class="attachment-post-thumbnail wp-post-image">   
    </article>
</a>

$("article.has-post-thumbnail").click(function() {
     window.location = $(this).find("a").attr("href");
     return false;
 });