如何识别是否已选择博客帖子？

Question

我正在使用Tumblr博客模板，在其中需要区分处于折叠状态和展开状态的博客文章/帖子。 具体来说，我正在尝试应用CSS属性（用于边框），该属性仅在博客帖子以折叠状态显示在网格中时才适用于博客帖子，并且在访问者选择博客以进一步阅读时不适用。

这是我对模板所做的更改：

    div.posts-holder article:hover
    {
        border: 1px #BDBDBD solid;
        box-shadow: 7px 7px 3px #D8D8D8;
    }

另外，这就是div.posts-holder的样子（不是完整的代码，只是一个片段来说明）

<section class="the-posts">

    <div class="posts-holder
    {block:IndexPage} posts-grid{/block:IndexPage}">


        {block:IndexPage}<div class="grid-sizer"></div>{/block:IndexPage}


        {block:Posts}

        <article id="{PostID}" class="type_{PostType} {TagsAsClasses}" rel="{ReblogURL}">

            <div class="article-content">

这是我创建的用于说明问题的虚拟博客的链接： 博客链接示例请注意，悬停时，每个博客帖子都会带有阴影边框。 一旦我真正阅读了这些帖子之一，就不需要了。

如何使用JavaScript或任何其他技术来做到这一点？ 有什么方法可以查找帖子的状态吗？

Answer 1

通过查看示例页面， posts-holder div在网格页面上还具有posts-grid类，但是在仅显示一篇文章的页面上没有。 所以您只需要更改CSS悬停规则即可

div.posts-holder article:hover

至

div.posts-holder.posts-grid article:hover

这样，它仅适用于处于网格中的文章。

Answer 2

这是问题主要标题的答案：

如何识别是否已选择博客帖子？

这可以通过创建一个对象来实现...只需看下面的代码：

的HTML

   <div id="article1" onclick="selected("article1")"> </div>

Java脚本

   var click= {};
    var selected = function(a){


          click[a] = "selected";
}

因此，当您想知道是否选择了该div时，只需检查click对象中是否存在名为article1的属性click ，如果为true，则执行其他操作，然后不要