【发布时间】：2019-10-10 05:06:03
【问题描述】：
问题：要访问帖子页面，我只需点击帖子标题即可。
目标：点击帖子中的任意位置即可进入帖子页面。
主要元素：
发帖形式：<div class='date-outer'>
标题：<h2 class='date-header'>
帖子描述：<div class='date-posts'>
问题出在以下代码中：
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isDateStart and not data:post.isFirstPost'>
</div></div>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>
</div>
<!-- Ad -->
<b:if cond='data:post.includeAd'>
<div class='inline-ad'>
<data:adCode/>
</div>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
</div>
前面的代码定义了date-outer的元素和结构，所以当我运行代码时，我得到以下结构：
<div class='blog-posts hfeed'>
<div class='date-outer'>
<h2 class='date-header'>...</h2>
<div class='date-posts'>...</div>
</div>
</div>
当我在谷歌浏览器中检查我的博客时，我得到了上面的代码 sn-p。
但为了实现我的目标，我需要嵌入一个包含date-header 和date-posts 的链接，如下所示：
<div class='blog-posts hfeed'>
<div class='date-outer'>
<a href='X'>
<h2 class='date-header'>...</h2>
<div class='date-posts'>...</div>
</a>
</div>
</div>
------------------------------------------ - 我试过了----------------------------------
我试过放置：
<a expr:href='data:post.link ? data:post.link : data:post.url'>
前一个元素在执行时会生成指向帖子页面的永久链接。
代码后：
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
并在代码后用</a> 关闭它：
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>
</div>
例如这样：
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isDateStart and not data:post.isFirstPost'>
</div></div>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
<a expr:href='data:post.link ? data:post.link : data:post.url'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>
</div>
</a>
但我只设法在<a> 中包含date-header：
<div class='blog-posts hfeed'>
<div class='date-outer'>
<a href='X'>
<h2 class='date-header'>...</h2>
</a>
<div class='date-posts'>...</div>
</div>
</div>
我能做什么？
【问题讨论】：
-
你可能想在 div 中添加一个 JavaScript onclick 事件并忘记 a，像这样
<div onclick="window.location='#';"> -
在 Blog 小部件中，找到
<includable id='post'>，您应该在那里开始挖掘。你可以把你的模板内容发给我<includable id='post'>来指导你。